本文主要介绍了HTML中js的三种引用方式的详细说明，并通过示例代码进行了详细介绍。对大家的学习或者工作都有一定的参考价值，有需要的朋友可以参考一下。

1.内联样式

内嵌样式可以分为两种类型。一种是直接写入元素的标签。

超文本标记语言

Js样式内联写作/titlejs

meta http-equiv=' content-type ' content=' text/html；charset=utf-8' /

身体

！- js内联写01开始-

！-鼠标点击图片时，弹出窗口显示1223-

div class='img '

单击事件：

img src=' images/001 . jpg ' onclick=' alert(1223)'/img

/div

！- js内联写01结束-

/body

/html

第二，将其写入脚本/script标签。

向元素添加id。

通过getElementById(' XX ')；方法定位元素，并向元素添加触发事件。

注意：脚本/脚本标签应该放在/body之后

超文本标记语言

Js样式内联写作/titlejs

meta http-equiv=' content-type ' content=' text/html；charset=utf-8' /

身体

！- js内联写02开始-

div class='img '

单击事件：

img src='images/002.jpg' id='苏园'/img

/div

！- js内联写02结束-

/body

脚本

//js代码

//找到XX元素，一般给元素加一个id

yuansuojb=document . getelementbyid('苏园')；

//向xx元素添加一个事件

yuansuojb.onclick=function(){

//代码片段

警报(1)；

}

//触发事件

/脚本

/html

2.外联样式

将js的代码写入。js并在HTML中引用它。

的内容。html文件如下：

超文本标记语言

JS风格外展写作/titlejs

meta http-equiv=' content-type ' content=' text/html；charset=utf-8' /

身体

div class='img '

外展写作-点击活动：

img src='images/003.jpg' id='苏园'/img

/div

/body

script src='js/index.js'/script

/html

的内容。js文件如下：

//js代码

//找到XX元素，一般给元素加一个id

yuansuojb=document . getelementbyid('苏园')；

//向xx元素添加一个事件

yuansuojb.onclick=function(){

//代码片段

var str='你好，世界！'；

alert(str)；

}

这就是本文的全部内容。希望对大家的学习有帮助，支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。