什么是js?
- 程序执行前,不需要对代码进行编译,在运行时边解析边执行的语言;
- HTML用来搭建网页结构;CSS用来美化网页样式;JS控制网页交互;
- ECMAScript是ECMA制定的脚本语言的标准,规定了一种脚本语言实现包含的基本内容(基础语法);
- DOM是JS操作网页上的元素的API;
- BOM是JS中操作浏览器部分的API;
JS的书写格式
首先CSS的书写格式是怎样的?
- 行内样式:写在标签的内部;(不推荐!)
- 内嵌样式:写在一对head标签中,一对style标签;
- 外链样式:写在一个单独地css文件中导入进来;
JS类似
- 行内样式:写在标签的内部;(不推荐!)
- 内嵌样式:写在一对head标签中,一对script标签;
- 外链样式:写在一个单独地js文件中导入进来;
JS内嵌样式书写注意点
默认情况下浏览器会自上而下解析网页,如果把js代码写到head标签中,且需要通过js代码操作界面上的元素,则不可以直接书写js代码,因为会失效;
比如下面:
所以:
- 如果想把js代码写到一对head标签中,并且需要在js代码中操作界面上的元素,那么必须加上window.onload = function(){操作界面元素的js}
- window.onload(){}的含义就是等到界面上的代码都执行完,在执行他里面的语句;
- 另外一种方法是: 把script标签写在body标签结束前面;
- 类似地,在外链样式下,可以把js导入语句写在body结束前面写:
<script src="文件名.js"></script>
- 如果在script标签中编写了js代码,就不可以同时通过js代码导入js文件;