一、js代码写在哪个部分?
可以写在js文件中,也可以放在网页的 < script > 标签中。
二、var关键字
代表一种可变类型(js是一种弱语言)
三、function自定义函数
格式:
funtion 自定义函数名称(){
//要执行的代码
}
如果有返回值,用return返回。
四、ducument
代表html上下文,含有所有html代码组成的元素,以及其他一些元素。 获取方式:
document.getElementById(“所要获取的id值”);
元素内部的所有html代码:
innerHTML
五、js与html混写
<script type="text/javascript">
document.write("Like Project");
</script>
六、点赞项目代码
1. index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>JS_1020</title>
<link rel="stylesheet" type="text/css" href="css/main.css"/>
<script src="js/main.js"></script>
</head>
<body>
<div id="wrapper">
<div class="header"></div>
<div class="main">
<button id="btnlike" onclick="like()">
<strong>LIKE 0
</button>
</div>
<div class="footer"></div>
</div>
</body>
</html>
<script type="text/javascript">
document.write("Like Project");
</script>
2. main.css
#btnlike{
width: 50%;
font-size: 36px;
padding: 20px;
}
3. main.js
var k=0;
//自定义函数
function like(){
k++;
var btnlike = document.getElementById("btnlike");
btnlike.innerHTML="<strong> LIKE " + k;
}