Rumah > hujung hadapan web > html tutorial > 在html中添加script脚本的2种方法和注意事项说明

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

高洛峰
Lepaskan: 2017-03-08 15:35:01
asal
2260 orang telah melayarinya

在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">Salin selepas log masuk</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">Salin selepas log masuk</div></div><p><br/><strong>注意事项:<br/></strong>① 在XHTML文档中,可以省略</script>标签,例如:

代码如下:

<script type="text/javascript" src="example.js" />
Salin selepas log masuk


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

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

代码如下:

<script type="text/javascript"> 
function function1(){ 
alert("</script>"); 
}
Salin selepas log masuk


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

Atas ialah kandungan terperinci 在html中添加script脚本的2种方法和注意事项说明. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan