JavaScript是Web开发人员必须学习的语言之一,JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。
在网页中编写JavaScript代码时,需要先引入JavaScript代码,引入方式有行内式、嵌入式和外链式三种。
HTML 中使用 Javascript 脚本代码必须使用 <script>
标签,那些老旧的实例你可能会看到在 <script>
标签中使用了type="text/javascript"
,在HTML5
规范中,script
的type
属性默认是text/javascript
,并且JavaScript是现代浏览器的默认 脚本语言,所以type属性可以省略。
1.行内式
行内式将JavaScript代码直接当作属性值写在HTML标签中,该引入方式必须结合事件来使用,而其他两种方式可以不结合事件。例:
<button οnclick="alert('hello')">点击出现弹窗</button>
一般在开发中为了考虑代码可读性,并不推荐使用行内式,而是采用其他两种引入方式。
2.嵌入式
嵌入式直接在<script>
标签中编写代码,通常放在<head>
标签或<body>
标签中。
<script>
//JavaScript代码
</script>
3.外链式
外链式是将JavaScript代码放在一个单独的js文件中,文件后缀名为.js,通过script标签的src属性引入到HTML页面中,通常也放在head或body中。在javascript代码量较多的情况推荐使用外链式。
<script src="js文件路径"></script>
需要注意的是,外链式的标签内不可以编写JavaScript代码。