JavaScript的三种引入方式

JavaScript是Web开发人员必须学习的语言之一,JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。

在网页中编写JavaScript代码时,需要先引入JavaScript代码,引入方式有行内式、嵌入式和外链式三种。

HTML 中使用 Javascript 脚本代码必须使用 <script> 标签,那些老旧的实例你可能会看到在 <script> 标签中使用了type="text/javascript",在HTML5规范中,scripttype属性默认是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代码。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值