【18天带你初步掌握js】JavaScript的编写位置

1.直接将JavaScript代码嵌入HTML

提供一对<script></script>标签,将代码写入标签中。

<script>标签属性说明
属性属性说明
type设置所使用的脚本语言,默认是“text/javascript”
src设置引入外部文件的路径位置,如“js/hello.js”
defer表示在HTML文档全部加载完毕后在执行脚本文件

通常在HTNL中嵌入脚本的语法格式为:

<script type="text/javascript">
    ......
</script>

 <script>标记可以放在<head></head>中,也可以放在<body></body>中。为了在网页加载时能够先解析JavaScript代码,通常一般将JavaScript代码放在<head>标签中。

2.链接外部的JavaScript

 链接外部的JavaScript脚本文件是通过<script></script>标签中的“src”属性来实现的

  • 建立一个JavaScript文件,文件的扩展名是.js,并且在单独建立的JavaScript文件时不需要添加<script></script>标签,直接写内容即可
  • 将建立好的以.js为扩展名的文件保存到HTML文件相同的目录下
  • 在HTML文件中使用<script>标签的“src”属性链接脚本文件
    <script type="text/javascript" src="hello.js"></script>

3.直接在HTML标签中使用

(1)使用“javascript:”调用        

在HTML代码中使用“javascript:”的方式来调用简单的JavaScript语句

(2)结合事件调用

JavaScript支持很多的事件,将JavaScript代码与事件结合,实现一些特效

<input type="button" vaule="显示helllo" onclick="javascript:alert('Welcome!');"/>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值