<强> 1。内联样式
内联样式分为两种,一是直接写入元素的标签内部
& lt; html>
& lt; title> js样式内联写法& lt;/title>
& lt;元http-equiv=? type”内容=" text/html;utf - 8字符集="/比;
& lt; body>
& lt; !——js内联写法01开始——比;
& lt; !——当鼠标点击图片时跳出弹窗显示1223——比;
& lt; div类=癷mg”比;
单击事件:
& lt; img src=" https://www.yisu.com/zixun/images/001.jpg "祝辞& lt;/img>
& lt;/div>
& lt; !——js内联写法01结束——比;
& lt;/body>
& lt;/html>
二是写入到& lt; script> & lt;/script>标签中
给元素添加id
通过getElementById (' XX ');方法定位到该元素,给该元素添加触发事件
注意:& lt; script> & lt;/script>标签应该放在& lt;/body>之后
& lt; html>
& lt; title> js样式内联写法& lt;/title>
& lt;元http-equiv=? type”内容=" text/html;utf - 8字符集="/比;
& lt; body>
& lt; !——js内联写法02开始——比;
& lt; div类=癷mg”比;
单击事件:
& lt; img src=" https://www.yisu.com/zixun/images/002.jpg " id=皔uansu”祝辞& lt;/img>
& lt;/div>
& lt; !——js内联写法02结束——比;
& lt;/body>
& lt; script>//js代码//找到XX元素,一般给元素加id
yuansuojb=. getelementbyid (“yuansu”);//给xx元素加事件
yuansuojb.onclick=function () {//代码段
提醒(1);
}//触发事件
& lt;/script>
& lt;/html>
<强> 2。外联样式
将js的代码写到. js的文件中,并在HTML中引用
. html文件内容如下:
& lt; html>
& lt; title> js样式外联写法& lt;/title>
& lt;元http-equiv=? type”内容=" text/html;utf - 8字符集="/比;
& lt; body>
& lt; div类=癷mg”比;
外联写法——单击事件:
& lt; img src=" https://www.yisu.com/zixun/images/003.jpg " id=皔uansu”祝辞& lt;/img>
& lt;/div>
& lt;/body>
& lt;脚本src=" https://www.yisu.com/zixun/js/index.js "祝辞& lt;/script>
& lt;/html>
. js文件内容如下:
//js代码//找到XX元素,一般给元素加id
yuansuojb=. getelementbyid (“yuansu”);//给xx元素加事件
yuansuojb.onclick=function () {//代码段
var str=癶ello world !”;
警报(str);
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
