微客导航 » 文章资讯 » js在HTML的三种引用方式详解

js在HTML的三种引用方式详解

2023-07-17 15:50:04 221

1.内联样式

内联样式分为两种，一是直接写入元素的标签内部


js样式内联写法





单击事件：

二是写入到标签中

给元素添加id

通过getElementById('XX');方法定位到该元素，给该元素添加触发事件

注意：标签应该放在之后


js样式内联写法




单击事件：

2.外联样式

将js的代码写到.js的文件中，并在HTML中引用

.html文件内容如下：


js样式外联写法



外联写法--单击事件：

.js文件内容如下：

//js代码
//找到XX元素，一般给元素加id
yuansuojb=document.getElementById('yuansu');
//给xx元素加事件
yuansuojb.onclick=function(){
//代码段
varstr="helloworld!!!";
alert(str);
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

js在HTML的三种引用方式详解

热门推荐

随机推荐