本文主要介绍了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)；

}

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