三种常见导入

行内导入JS(慎重:不安全)

1
<div onclick="alert('hello world')"></div>

内嵌式

1
2
3
<script>
alert('hello world')
</script>

外链式

1
2
3
4
5
6
// 新建一个js文件
<script src="./js/demo.js"></script>

// or

<script src="./js/demo.js" type="text/javascript"></script>

内嵌与外链不能同时操作

内嵌导入和外链导入不能合并在一起,如果当前是外链导入的,那么在script脚本块找那个编写的所有代码都不会被执行。

1
2
3
<script src="./js/demo.js">
alert('hello world')
</script>

位置编写位置

我们一般性会把css放在body的上面,把js放在body末尾(约定速成的规范)

但是如果放在了标签前面那么将如何处理?

页面加载完所有资源之后执行操作

在js中

1
2
3
window.onload=function(){

}

在jq中

1
2
3
4
5
6
7
8
9
10
$(document).ready(function(){

})

window.addEventListener('load',function(){},false);

// ie8以下

window.attachEvent('onreadystatechange',function(){
})