script标签

最近在读《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>
    function say () {
        alert("script>")
    }
script>

这样写是错误写法,应该吧标签分开写:

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

这样就能成功执行~

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

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

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


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




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

如果放在head里,浏览器会先加载js css 然后再加载body的内容,这样就会出现延迟,延迟的时候浏览器就是一片空白,非常不友好。

你可能感兴趣的:(javascript)