(编辑:jimmy 日期: 2024/12/26 浏览:2)
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); }以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。