二、写JS代码的三种方式

写JS代码的三种方式

1、行内式
格式:

<button onclick="alert('hello js');">点我</button>

2、内部JS(页内式)
格式:

<!-- type="text/javascript" 表示你写的脚本类型是JS -->
<!-- 如果不写,默认也是type="text/javascript" -->
<script type="text/javascript">
	alert("hello js");
</script>

注意:建议放在body底部,因为代码是从上到下执行的,在head标签中写的JS代码不能得到body标签中的元素,如果想写在前面,又想得到HTML中的元素可以使用window.onload。

3、外部JS(外链式)
格式:

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

注意:外链式的script代码块中不能编写js代码, 即便写了也不会执行;

<script type="text/javascript" src="out.js">
        alert("helo js~"); // 不会被执行
</script>
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML中嵌入JavaScript代码三种方式。第一种是通过事件句柄,在HTML标签中设置相应的事件属性,当事件触发时,浏览器会自动调用相应的JavaScript代码。例如,在按钮标签中设置onclick属性值,点击按钮后会执行相应的JavaScript代码。\[3\] 第方式是使用脚本块,在<body>标签中嵌入<script>标记,将JavaScript代码在<script>标记中。这种方式代码会在页面打开时执行,并且按照自上而下的顺序依次执行。\[2\] 第三种方式是引入外部的.js文件,通过在<body>标签中添加<script>标记,并设置src属性为.js文件的路径,可以将外部的JavaScript代码引入到HTML中。这种方式可以在多个页面中共享同一份JavaScript代码。\[1\] 需要注意的是,使用<script>标记时,要确保正确的闭合标签,并且在<script>标记中的代码会被从上到下解释,并且会被保存在解释器环境中。在<script>元素中的代码被计算完成之前,页面的其余内容不会被加载,也不会被显示。\[2\] #### 引用[.reference_title] - *1* *2* *3* [javascripthtml嵌入javascript代码三种方式](https://blog.csdn.net/qq_51476492/article/details/123537150)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值