PHP基础
PHP教程
php框架
JavaScript
asp.net
AJAX
正则表达式
ASP
输入
banner图
图片脚本
导航/分类
js的onload事件及初始化按钮事件示例代码_javascript技巧
大家常见的肯定都是 这种用法.其实,不仅可以在body 上用它还支持多个HTML标签.用法如下:
onload事件当一个页面或是一张图片加载完成时被触发。
所支持的HTML标签：
,
,
,
, <img>, , <script> <br><br><STRONG>实例：</STRONG> <BR>第一种方法 <BR><div class="codetitle"><span><U></U></span> 代码如下:</div><div class="codebody" id="code78976"> <BR><BODY onload="javascript:alert('liuzm.com')"></BODY> <BR></div> <BR>第二种方法 <BR><div class="codetitle"><span><U></U></span> 代码如下:</div><div class="codebody" id="code70690"> <BR><script>window.onload=function (){alert('liuzm.com')}</ script> <BR><html> <BR><head> <BR><title>event test</title> <BR></head> <BR><body onload="init()"> <BR><!-- 绑定方式一:在元素中，通过onXXX（事件）设置绑定方法 --> <BR><button id="btn1" onclick="display()" >绑定方式一</button> <br><br><!-- 绑定方式二：在Javascript代码中，通过获得元素，为元素的onXXX（事件）设置绑定方法 --> <BR><button id="btn2">绑定方式二</button> <br><br><BR><!-- 绑定方式三：通过for、event为元素绑定事件（IE4+）。for后面是元素id，event是具体事件 --> <BR><button id="btn3">绑定方式三</button> <br><br><!-- 绑定方式四：通过attachEvent为元素绑定事件（IE5+）。第一个参数是事件名，第二个参数是绑定的方法 --> <BR><button id="btn4">绑定方式四</button> <BR></body> <br><br><script type="text/javascript"> <BR>function init() { <BR>document.getElementById("btn2").onclick = display;//为button2绑定事件 <BR>document.getElementById("btn4").attachEvent("onclick", display);//为button4绑定事件 <BR>} <BR></div> <BR>实例: <BR><div class="codetitle"><span><U></U></span> 代码如下:</div><div class="codebody" id="code48663"> <BR>function display(event) { <BR>var targ;//触发事件的对象引用 <BR>if (!event) { <BR>var event = window.event;//获得当前事件(IE) <BR>} <BR>if (event.target) {//IE没有target <BR>targ = evente.target; <BR>} else if (event.srcElement) {//适用于IE <BR>targ = event.srcElement; <BR>} <br><br>//对触发事件的对象进行操作 <BR>alert(targ.tagName+"-"+targ.id+"-"+event.x+"-"+event.offsetX); <BR>targ.disabled="disabled" ; <BR>} <BR></ script> <BR><script for="btn3" event="onclick"> <BR>display();//为button3绑定事件 <BR></ script> <BR></div> </div> </div> <script type="text/javascript" src="/layui/layui.js"></script> <script> layui.use('code', function(){ layui.code({ elem: 'pre', //默认值为.layui-code about:false, title:'js的onload事件及初始化按钮事件示例代码_javascript技巧代码块', encode: true //是否转义html标签。默认不开启 }); }); </script> <footer class="comm-footer"> <ul class="channels"> <li> <a target="_top" href="/system/">操作系统</a> </li><li> <a target="_top" href="/down/">程序下载</a> </li><li> <a target="_top" href="/jquery/">jquery插件库</a> </li><li> <a target="_top" href="/jiaoben/">编程</a> </li><li> <a target="_top" href="/db/">数据库</a> </li><li> <a target="_top" href="/tools/">在线工具</a> </li><li> <a target="_top" href="/framebook/">框架书籍</a> </li><li> <a target="_top" href="/xitongjiaocheng/">系统教程</a> </li><li> <a target="_top" href="/ruanjianxiazai/">软件下载</a> </li> </ul> <ul class="versions"> <li> <a href="https://m.gxlcms.com" class="active">触屏版</a> </li> <li> <a href="https://www.gxlcms.com" target="_top">电脑版</a> </li> </ul> <p><a href="https://beian.miit.gov.cn/" target="_blank" style="color:#ffffff"></a><script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6c9b8cea1903c9f813f150c04aeebc3c"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script></p> </footer> </body> </html>
