JavaScript代码嵌入到HTML中,javascript怎么嵌入html

大家好,给大家分享一下javascript嵌入网页中的方法主要有,很多人还不知道这一点。下面详细解释一下。现在让我们来看看!

1.在head中使用<></> -- 嵌入式

<>
       // 向网页中添加一个元素 document.write();给网页添加元素--输出
       document.write('<h1>JS滴滴滴</h1>')
  </>

2.使用标签搭配src属性引入js文件 --外部脚本

<!-- 引入外部js文件   -->
< src="Tset.js"></>


// 外部js文件
document.write("<h1>hello world -- 外部js文件</h1>")

3.使用元素的事件属性(onclick -- 点击事件),写入js代码 onclick只是其中一种事件属性

<!-- 当页面已经完成加载,再去调用document.write,此时当前页面的内容会被覆盖-->
<input type="button" value="点击"  onclick="document.write('<h1>点击事件内容</h1>')" >

4.使用超链接伪URL 在href属性中用java:js脚本的格式

<!--alert(message) 调用window对象的提示框,可以把message通过提示框弹出-->
<a href="java:alert('你在点什么?')">超链接伪URL</a>

By the way:

JavaScript代码的执行顺序:

浏览器在解析html文档时,根据文档流从上到下逐行进行解析和显示的。JavaScript代码也是html文档的组成部分,因此JavaScript代码的执行顺序也是根据标签的位置来确定的

注意:定义src属性引入外部js文件的标签,不应该在包含JavaScript代码python for语句用法。如果嵌入了代码,则只会执行外部js文件中的代码

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值