美文网首页
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标签的使用以及它的属性

          本文链接:https://www.haomeiwen.com/subject/vojlqqtx.html