script标签_在script标签中,定义路径的属性-CSDN博客

本文链接：https://blog.csdn.net/Timpor/article/details/53939519

最近在读《javascript高级程序设计》，一些小笔记写在这儿~

关于script标签：html4.01为script标签定义了六个属性分别是：asyns、charset、defer、language、src、type。依次说明一下。
1.asyns：可选，表示立即下载该脚本，但是不影响页面其他操作，该属性只对外部脚本有效。
2.charset：可选，表示通过src属性指定的代码字符集，大多数浏览器会忽略，所以这个属性基本没用*- -
3.defer：可选，表示脚本延期到文档完全解析显示后执行，但是这个属性基本上现在也不用了……
4.language:废弃，表示编码使用的脚本语言，已经完全废弃了，取而代之的是type。
5.src：这个是script文件的路径相对链接，很重要。
6.type：可以看成是language的代替属性，现在一般都是写 text/javascript。如果不写默认也是text/javascript。并没有傻大毛病~

script用法：这个就没啥可说的了，包含在script标签里的内容从上到下依次解析，解析到一个函数的定义，就把该定义保存在自己的环境中，script标签内部的代码没有求值完毕之前是不会出现在页面上的。

注意：script标签内不要出现</script>
因为按照解析嵌入式代码的规则，浏览器遇到该标签时会认为是结束script的标志，例如：

<script>
    function say () {
        alert("</script>")
    }
</script>

这样写是错误写法，应该吧标签分开写：

<script>
    function say () {
        alert("<\/script>")
    }
</script>

这样就能成功执行~

还有就是带有src属性的script标签例如<script src="js.js"></script>
之间不要再写其他js代码，写上也会被忽略~

只要不存在 asyns defer script文件就会按照书写的顺序依次解析，第一个、第二个……

现在为了优化页面加载，都是把script文件放在body标签里的内容后面

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

<!--内容-->


<script src="js.js"></script>
</body>
</html>