【零基础网页开发】 第十一课 JS基础+点赞案例

it2023-10-26  68

一、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; }

最新回复(0)