Html中的script标签你真的会用吗
1、html中如何插入JavaScript
将JavaScript插入HTML的主要方法是使用
包含在。比如,下面的代码会导致浏览器报错:
"); }
浏览器解析行内脚本的方式决定了它在看到字符串时,会将其当成结束的标签。想避免这个问题,只需要转义字符“\”即可:
这样修改之后,代码就可以被浏览器完全解释,不会导致任何错误。
3.2、网页中引入外部JavaScript文件
1、使用方式
要包含外部文件中的JavaScript,就必须使用src属性。这个属性的值是一个URL,指向包含JavaScript代码的文件,比如:
以上代码在页面中加载了一个名为sample.js的外部文件。文件本身只需包含要放在标签中包含其他JavaScript代码。如果两者都提供的话,则浏览器只会下载并执行脚本文件,从而忽略行内代码。
3、可以解决跨域问题
关于
浏览器在解析这个资源时,会向src属性指定的路径发送一个GET请求,以取得相应资源,假定是一个JavaScript文件。这个初始的请求不受浏览器同源策略限制,但返回并被执行的JavaScript则受限制。当然,这个请求仍然受父页面HTTP/HTTPS协议的限制。
来自外部域的代码会被当成加载它的页面的一部分来加载和解释。这个能力可以让我们通过不同的域分发JavaScript。不过,引用了放在别人服务器上的JavaScript文件时要格外小心,因为恶意的程序员随时可能替换这个文件。在包含外部域的JavaScript文件时,要确保该域是自己所有的,或者该域是一个可信的来源。