DDR爱好者之家 Design By 杰米
1.内联样式
内联样式分为两种,一是直接写入元素的标签内部
<html> <title>js样式内联写法</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <body> <!--js内联写法01开始--> <!--当鼠标点击图片时跳出弹窗显示1223--> <div class="img"> 单击事件: <img src="/UploadFiles/2021-04-02/001.jpg">二是写入到<script></script>标签中
给元素添加id
通过getElementById('XX');方法定位到该元素,给该元素添加触发事件
注意:<script></script>标签应该放在</body>之后
<html> <title>js样式内联写法</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <body> <!--js内联写法02开始--> <div class="img"> 单击事件: <img src="/UploadFiles/2021-04-02/002.jpg">2.外联样式
将js的代码写到.js的文件中,并在HTML中引用
.html文件内容如下:
<html> <title>js样式外联写法</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <body> <div class="img"> 外联写法--单击事件: <img src="/UploadFiles/2021-04-02/003.jpg">.js文件内容如下:
//js代码 //找到XX元素,一般给元素加id yuansuojb=document.getElementById('yuansu'); //给xx元素加事件 yuansuojb.onclick=function(){ //代码段 var str="hello world !!!"; alert(str); }以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米
暂无评论...
更新日志
2024年06月24日
2024年06月24日
- 孟庆云作品经典-24K金碟6CD[WAV+CUE]
- ABC唱片-《专业耳机试音碟》K2-133试音碟[APE+CUE]
- ABC唱片-《监听耳机天碟》6N纯银镀膜CD[WAV+CUE]
- 德国高级音响会HES示范碟2_爵士现场[WAV+CUE]
- 德国高级音响会HES示范碟5[WAV+CUE]
- 《101系列:广东经典101首歌曲 6CD》[WAV+CUE][3GB]
- 《101系列:广东经典101首歌曲 6CD Vol.2》[WAV+CUE][3.0GB]
- 《101系列:电影歌曲101首 6CD》[WAV+CUE][2.7GB]
- 德国高级音响会HES示范碟6[WAV+CUE]
- 德国高级音响会HES示范碟8·北国风情[WAV+CUE]
- 群星-《金曲龙虎榜8CD》上豪[WAV+CUE]
- 《101系列:爱情101首歌曲 6CD》[WAV+CUE][3.2GB]
- 《101系列:80年代 百花齐唱 6CD》[WAV+CUE][2.9GB]
- 《周华健 98CD歌曲大合集 收藏版》[WAV/分轨][61GB]
- 【休闲沙发】VA-2024-CoastalChillVibes:ChilloutYourMind(FLAC)