JavaScript入门——(一)JavaScript定义位置总结

一.定义在script标签中
将JavaScript脚本定义在HTML文档内的script标签中,语法结构:
时机: JavaScript代码比较少并且没有共享的需求则适合定义在script标签中
代码示例如下

<script type="text/javascript">
		alert("定义在script标签中")
</script>

效果展示如下
在这里插入图片描述
二**.定义在普通HTML标签中**
将JavaScript脚本定义在HTML文档内某标签的事件标签属性中(比如onclick)
时机:如果JavaScript脚本特别短,则可以直接写在HTML标签中。
代码实例如下

<body>
	<label onclick="JavaScript:alert('Hello');">点击我</label>
</body>

效果展示如下
在这里插入图片描述
三.定义在 j s文件中
将JavaScript脚本定义在js文件中,通过给script标签的src标签属性将该JavaScript文件引入到HTML文档中,语法结构:。
时机:如果JavaScript代码量比较大或者需要在多个页面中共享,则建议定义在JavaScript脚本文件中。
注意:JavaScript脚本文件中只能包含JavaScript脚本,不能包含script标签
html代码示例如下

<script  type="text/javascript" src="js/index.js">	
</script>

js文件中代码如下

alert("js文件中");

效果展示如下
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值