首页 > web前端 > html教程 > 在html中添加script脚本的2种方法和注意事项说明

在html中添加script脚本的2种方法和注意事项说明

高洛峰
发布: 2017-03-08 15:35:01
原创
2260 人浏览过

在html中添加script脚本有两种方法,直接将javascript代码添加到html中与添加外部js文件,这两种方法都比较常用,大家可以根据自己需要自由选择在html中添加<script>脚本的方法: <br><br></strong><span style="color:#ff0000">1、可以直接将javascript代码添加到html中</span><strong> <br></strong></p> <p>代码如下:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;">&lt;script type=&quot;text/javascript&quot;&gt; //javascritp代码 &lt;/script&gt;</pre><div class="contentsignin">登录后复制</div></div><p><br/>当解释器嵌入<script>代码时,html页面的处理也会被暂时停止。 <br/><br/><span style="color:#ff0000">2、添加外部js文件</span><strong> <br/></strong></p><p>代码如下:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;">&lt;script type=&quot;text/javascript&quot; src=&quot;外部.js代码的地址&quot;&gt;&lt;/script&gt;</pre><div class="contentsignin">登录后复制</div></div><p><br/><strong>注意事项:<br/></strong>① 在XHTML文档中,可以省略</script>标签,例如:

代码如下:

<script type="text/javascript" src="example.js" />
登录后复制


但是在html中不能省略标签,这种标签不符合HTML规范,所以得不到某些浏览器的正确解析。

② 最好将<script>标签放在</body>标签之前,这样能使浏览器更快的加载页面。 <br/><br/>③在使用<script>嵌入JavaScript代码时,不要在代码中的任何地方出现“</script>”字符串。例如,浏览器加载下面的代码就会产生错误:

代码如下:

<script type="text/javascript"> 
function function1(){ 
alert("</script>"); 
}
登录后复制


因为按照解析嵌入式代码的规则,当浏览器遇到字符串“”时,就会认为那是结束的标签。如果想在代码中添加字符串,可以写成<\/script>

以上是在html中添加script脚本的2种方法和注意事项说明的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板