美文网首页
script标签的使用以及它的属性

script标签的使用以及它的属性

作者: 小欠q | 来源:发表于2018-11-22 15:03 被阅读0次

如何在HTML 中使用JavaScript?

1.使用<script>标签,将JS语句放入标签中,插入到HTML里。<script>alert("Hi!");</script>。注意标签内代码不能出现字符串</script>,如需要出现,/ 前面加入转义字符 \    

2.<script>标签中使用src属性引入外部文件。<script src="example.js"></script>

常用插入位置:1.<head>标签内容后面,一般写在引用css文件的下面(写在这会导致HTML在JS文件下载解析完之后才开始渲染,所以通常这样写,让JS代码在页面加载完执行,如 $(function(){//你的代码}))2.<body>标签内容后面

执行顺序:按在HTML出现的顺序解析,所以一般如果一个文件依赖另一个,会把被依赖的文件写在上面

defer属性:<script>不管写在哪里,都会在页面解析后执行,不一定按照顺序执行。

async属性:只适用于外部脚本文件,可以让代码不按照原有顺序执行,而是异步执行,会在页面解析前执行

简单的说,就是defer让代码后执行,async让代码先执行。由于defer和async都不按顺序执行,有依赖关系的文件不建议使用这两个属性。

相关文章

  • script标签的使用以及它的属性

    如何在HTML 中使用JavaScript? 1.使用 标签,将JS语句放入标签中,插入到HTML里。 alert...

  • JavaScript高级程序设计读书笔记(二)之在HTML中使用

    向HTML文件中插入js就要使用