本文摘自PHP中文网,作者青灯夜游,侵删。
在html5中可以直接在页面中嵌入JavaScript代码和包含外部JavaScript文件,嵌入脚本的语法是“<script></script>”,外部脚本的语法是“<script src="外部js脚本文件"></script>”。
在html5中可以通过<script>标签以两种方式(嵌入脚本和外部脚本)来使用js代码。下面本篇文章给大家介绍一下,希望对大家有所帮助。
在html5中使用js的两种方法:
使用<script>标签的方式有两种:直接在页面中嵌入JavaScript代码和包含外部 JavaScript文件;浏览器都会按照<script>元素在页面中 出现的先后顺序对它们依次进行解析。
嵌入脚本:
1 2 3 |
|
外部脚本:
1 |
|
外部脚本的优势:
● 可维护性
● 可缓存:浏览器能够根据具体的设置缓存链接的所有外部 JavaScript 文件
● 适应未来
<script> 标签
向HTML页面中插入JavaScript的主要方法,就是使用<script>元素。
<script>元素有两个常用的属性:
● src:表示包含要执行代码的外部文件。如果要通过<script>元素来包含外部JavaScript文件,那么src属性就是必需的。这个属性的值是一个指向外部JavaScript文件的链接。
注:带有src属性的<script>元素不应该在其<script>和<script>标签之间再 包含额外的JavaScript代码。如果包含了嵌入的代码,则只会下载并执行外部脚本文件,嵌入的代码会被忽略。 通过<script>元素的 src 属性还可以包含来自外部域的 JavaScript 文件。
例:
1 2 |
|
● type:规定脚本的MIME类型。type属性标示 <script>与</script>标签之间的内容。
说明:MIME类型包括两部分:media type 和 subtype。对于JavaScript,MIME 类型是 “text/javascript”。
注:在 HTML5中,type属性不再是必需的。默认值是”text/javascript”。JavaScript是HTML5,以及所有现代浏览器中的,默认脚本语言。
相关视频教程推荐:《HTML5教程》、《JavaScript教程》
以上就是html5中怎么用js?的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
HTML5 border属性怎么设置?HTML5 table中的border属性介绍
HTML5地理位置定位geolocation-api及haversine地理空间距离算法(图文)
更多相关阅读请进入《HTML5》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者