作家
登录

JavaScript 三种不同位置代码的写法

作者: 来源:www.28hudong.com 2013-03-30 02:12:56 阅读 我要评论

下面列举在三种不同的地方写JavaScript代码,实现的效果都是点击按钮button弹出alert警告框 第一种是最常见的,代码如下 html代码 <input type="button" value="按钮1" id="btn1" onclick="pop()"> js代码 function pop() { alert("在JavaScript函数处调用"); } 第二种是最简单的实现方式,代码如下 <input type="button" value="按钮2" id="btn2" onclick="javascript:alert('直接写函数');"> 第三种方式相对复杂,代码如下 html代码 <input type="button" value="按钮3" id="btn3"> js代码 var obj=document.getElementById("btn3");//以下语句一定要放在定义btn3的下面,否则编译器是不能识别btn3的。 if(window.addEventListener)// Mozilla, Netscape, Firefox等浏览器 { obj.addEventListener("click",fun,false);//注意这里的false } else //IE浏览器 { obj.attachEvent("onclick",fun); } function fun() { alert("通过在函数中触发事件"); } 总结:三种写法方式实现的效果是完全一样的,应该说三种方式都是常用的,而且各有优缺点。。。。

  推荐阅读

  DIV+CSS+JS 变灰弹出层

浮动层居中的对话框效果演示 浮动层居中的对话框效果演示 HTML { HEIGHT: 100% } BODY { HEIGHT: 100% } BODY { FONT-SIZE: 14px; FONT-FAMILY: Tahoma, Verdana, sans-serif } DIV.neat-dia>>>详细阅读


本文标题:JavaScript 三种不同位置代码的写法

地址:http://www.17bianji.com/kaifa2/JS/27843.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)