在html5中可以直接在页面中嵌入JavaScript代码和包含外部JavaScript文件,嵌入脚本的语法是“<script></script>”,外部脚本的语法是“<script src="外部js脚本文件"></script>”。
在html5中可以通过<script>标签以两种方式(嵌入脚本和外部脚本)来使用js代码。下面本篇文章给大家介绍一下,希望对大家有所帮助。</p> <p><span style="font-size: 18px;"><strong>在html5中使用js的两种方法:</strong></span><br></p> <p>使用<script>标签的方式有两种:直接在页面中嵌入JavaScript代码和包含外部 JavaScript文件;浏览器都会按照<script>元素在页面中 出现的先后顺序对它们依次进行解析。</p> <p><strong>嵌入脚本:</strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><script> //js代码 </script></pre><div class="contentsignin">Salin selepas log masuk</div></div><p><strong>外部脚本:</strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><script src="外部js脚本文件"></script></pre><div class="contentsignin">Salin selepas log masuk</div></div><p><strong>外部脚本的优势: </strong></p><p> ● 可维护性</p><p> ● 可缓存:浏览器能够根据具体的设置缓存链接的所有外部 JavaScript 文件</p><p> ● 适应未来</p><p><span style="font-size: 18px;"><strong><script> 标签</strong></span><br/></p><p>向HTML页面中插入JavaScript的主要方法,就是使用<script>元素。</p><p><strong><script>元素有两个常用的属性:</strong><br/></p><p>● src:表示包含要执行代码的外部文件。如果要通过<script>元素来包含外部JavaScript文件,那么src属性就是必需的。这个属性的值是一个指向外部JavaScript文件的链接。</p><p><strong>注:</strong>带有src属性的<script>元素不应该在其<script>和<script>标签之间再 包含额外的JavaScript代码。如果包含了嵌入的代码,则只会下载并执行外部脚本文件,嵌入的代码会被忽略。 通过<script>元素的 src 属性还可以包含来自外部域的 JavaScript 文件。</p><p>例:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><script src="example.js"></script> <script src="//m.sbmmt.com/js/example.js"></script></pre><div class="contentsignin">Salin selepas log masuk</div></div><p>● type:规定脚本的MIME类型。type属性标示 <script>与</script>标签之间的内容。
说明:MIME类型包括两部分:media type 和 subtype。对于JavaScript,MIME 类型是 “text/javascript”。
注:在 HTML5中,type属性不再是必需的。默认值是”text/javascript”。JavaScript是HTML5,以及所有现代浏览器中的,默认脚本语言。
相关视频教程推荐:《HTML5教程》、《JavaScript教程》