【转】onclick事件与href='javascript:function()'的区别

【【转】onclick事件与href='javascript:function()'的区别】的更多相关文章

【转】onclick事件与href='javascript:function()'的区别

href='javascript:function()'和onclick能起到同样的效果,一般来说,如果要调用脚本还是在onclick事件里面写代码,而不推荐在href='javascript:function()' 这样的写法,因为 href 属性里面设置了js代码后,在某些浏览器下可能会引发其他不必要的事件.造成非预期效果. 而且 onclick事件会比 href属性先执行,所以会先触发 onclick 然后触发href,所以如果不想页面跳转,可以设置 onclick里面的js代码执行到最后…

href="javascript:function()" 和onclick的区别

href='javascript:function()'和onclick能起到同样的效果,一般来说,如果要调用脚本还是在onclick事件里面写代码,而不推荐在href='javascript:function()' 这样的写法,因为 href 属性里面设置了js代码后,在某些浏览器下可能会引发其他不必要的事件.造成非预期效果. 而且 onclick事件会比 href属性先执行,所以会先触发 onclick 然后触发href,所以如果不想页面跳转,可以设置 onclick里面的js代码执行到最后…

关于<a href='javascript:function()'>

<a href='javascript:function()'> 这样写是为了让这个链接不要链接到新页面转而执行一段js代码.和onclick能起到同样的效果,一般来说,如果要调用脚本还是在onclick事件里面写代码,而不推荐在href='javascript:function()' 这样的写法,因为 href 属性里面设置了js代码后,在某些浏览器下可能会引发其他不必要的事件.造成非预期效果.而且 onclick事件会比 href属性先执行,所以会先触发 onclick 然后触发href,…

空链接的作用以及<a href="#"></a>和<a href="javascript:;"></a>的区别

空链接的作用以及<a href="#"></a>和<a href="javascript:;"></a>的区别在很多时候, 需要设置超链接不发生跳转,最有可能出现的场景是: <a>的点击有更复杂的逻辑,需要通过onclick的函数才能完成,所以就不需要href.但是如果不加href属性,又没有超链接的页面效果,也就是不会出现下划线,以及点击之后字体样式的变化.特别是函数执行的是异步的请求,这种状况广泛的出现…

a标签增加onclick事件提示未定义function

项目使用的是ext框架,版本是ext4.2 出现的问题代码如下: renderer : function(value){ var html = "<a href=\"javascript:void(0);\" onclick=\"editServer('"+value+"')\" style=\"text-decoration:underline;color:blue;\">编辑</a> &…

a标签中的href="#"与href="javascript:void(0)"区别

转自http://blog.csdn.net/fightplane/article/details/5190037 <a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP <a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,只打开链接 <a href="#" onclick="jav…

Jquery中$("").事件()和$("").on("事件","指定的元素",function(){});的区别(jQuery动态绑定事件)

这个是在学习时不懂的问题,记录下来方便查看转至https://www.cnblogs.com/mr-wuxiansheng/p/7136864.html //绑定下一页的点击事件 $("a[aria-label='Next']").click(function(){ $("a[aria-label='Previous']").show(); if(page.pageNo == page.totalPage - 1){ $("a[aria-label=…

a 标签添加 onclick 事件

a 标签添加 onclick 事件 <a href="javascript:void(0);" οnclick="js_method()">点击</a> …

动态生成的DOM不会触发onclick事件的原因及解决方法

最近朋友在做一个项目的时候,遇到动态加载微博内容,然后点击“展开评论”后获取该微博的所有评论.这里使用了动态加载的<span mid='123456789′ class='get_comment'>点击加载评论</span>. 然后再写 $(“.get_comment).click(function(){ //响应事件逻辑 }) 发现click事件并不会触发,使用控制台侦听也木有错误.百思不得其解时, 因为我在以前做搜狐家居商城的运费管理时,也曾遇到,因此将焦点落在动态加载…

a标签加入单击事件屏蔽href跳转页面

我们常用的在a标签中有点击事件:1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放.W3C标准不推荐在href里面执行javascript语句 2. a href="javascript:void(0);"…

关于火狐和IE下href="javascript:void(0)"兼容性的问题

今天在开发中发现,使用如下方式的链接.在Chrome中点击后行为符合预期,但在IE下会新开标签卡(根据参考资料,Firefox中有相同问题). 经过排查,发现是href="javascript:void(0);"导致的问题,本来javascript:void(0);的用处是不用整体刷新网页且返回一个空值,但这儿由于DOM本身的冒泡事件所以会最后执行HREF属性内的javascript:void(0);导致执行函数返回了一个空值,所以覆盖掉了前面正常执行函数所返回的值引起的错误. 一般情…

a标签使用href=”javascript:void(0); 在火狐浏览器跟chrome 不兼容

使用如下方式的链接.在Chrome中点击后行为符合预期,但在IE下会新开标签卡(根据参考资料,Firefox中有相同问题).<a href=”javascript:void(0);” target=”_blank”>test</a> 后经查找资料,发现需如下解决.通过onclick阻止浏览器默认事件:<a onclick=”return false;” href=”javascript:void(0);” target=”_blank”>test</a>或直…

js 重写a标签的href属性和onclick事件

适应场景:假如移动端拨打电话,需要给a标签添加href属性,但是由于需求,需要链接跳转的同时给a标签添加onclick事件,如果不做任何处理的话,默认执行点击事件,而不会跳转href属性的链接. 怎么解决:重写a标签的href属性和onclick事件 //这段代码可放入点击事件里 (function(){ this.fnCancel(); var _event_list = {}; // 找到页面上所有的a标签 var links = document.getElementsByTagName(…

href="javascript:xxx(this);"和onclick="javascript:xxx(this);"的区别

href="javascript:xxx(this);"和onclick="javascript:xxx(this);" 一直以为这两种写法是等同的,今天在项目中使用时发现前者的this根本拿不到触发事件的A标签,而后者可以拿到一般在做分页按钮时会用A标签来做,但是一般都会写<a href="#" onclick="turnPage(1,10)">之类的 href="#"会导致分页在跳转时页面…

【Javascript】IE8兼容背景图片与a标签的onclick事件

先说几句牢骚话. 虽然IE8比之IE6.7有很大的进步,但是在执行效率.兼容性上仍然有很多问题.被广大开发者喜爱的平台才是好平台. 可惜多亏当年盗版XP打开中国的计算机市场,IE作为一款捆绑软件仍然在中国有很大的使用人群.既然是中国人自己埋下的坑,咬着牙也要走下去. a标签的onclick事件在开发现在这个平台时,用的是国产dwz开源前端框架,还是挺好用的,对IE的兼容性做的也比较好,很少发现有啥大问题. 只是如开头标题所示,页面弹出提醒框时,[确定]按钮点不了,导致页面相当于死机一样,只能重…

<a>标签href属性与onclick事件

a标签主要用来实现页面跳转,可以通过href属性实现,也可以在onclick事件里实现. <a onclick="window.location.href='www.cnblogs.com'" href="javascript:void(0);">博客园</a> 博客园这段代码在主流浏览器里都没问题,但在IE6下会出现不能跳转的问题.这究竟是什么原因呢? javascript:void(0); void(arg);可以理解为永远返回null…

<a href="javascript:void(0)" onclick="ff()" ></a> 用法解析

javascript:void(0) 仅仅表示一个死链接如果是个# javascript:void(#),就会出现跳到顶部的情况,搜集了一下解决方法 1:<a href="####"></a> 2:<a href="javascript:void(0)"></a> 3:<a href="javascript:void(null)"></a> 4:<a href=&qu…

使用JavaScript动态的绑定、解绑 a 标签的onclick事件，防止重复点击

页面上的 a 标签如下: <a class="more" style="cursor: pointer;" id="commentMore" onclick="javascript:selectMoreComment(this.id,2018);">查看更多</a> 页面操作元素的js代码: function selectMoreComment(id, selectVal){ document.getE…

JavaScript给onclick事件赋值，动态传参数实例辩错

错误的例子: <body> <input id="certid" type="text" value="123456" > <input id="btn" type="button" value="button" onclick=""> </body> <script> function show(value…

ArcGIS JavaScript API异常之onExtentChange事件覆盖onClick事件

利用Esri官方提供的聚合类进行聚合,由于数据较多,为了加快速度,在聚合之前对当期范围进行判断,如果不在当前视图范围的,就不聚合了. 所以,由于Esri官方的类是监听了zoomEnd事件,如下代码 this._zoomEnd = connect.connect(map, "onZoomEnd", this, function () { // update resolution if (map.spatialReference.isWebMercator()) { this._clust…

javascript中onclick事件能调用多个方法吗

Q: javascript中onclick事件能调用多个方法吗? A: 可以的,方法如下onclick="aa();bb();cc();"每个方法用“;”分号隔开就行了…

<a href="javascript:void(0);" id='test' onclick="javascript:alert('即将上线，敬请期待！');"><em class="rmwd"></em>征稿平台</a>

<a href="javascript:void(0);" id='test' onclick="javascript:alert('即将上线,敬请期待!');"><em class="rmwd"></em>征稿平台</a>…

Javascript中的onclick事件

示例: <script type="text/javascript"> function onSubmit() { alert("保存数据"); } </script> <body> <input id="btnUpdate" type="button" value="保存" class="btn-blue" onclick="onSu…

<a href='javascript:void(0)' onclick='my()'></a>

…

a标签href无值 onclick事件跳转

<a href='#' onclick='gomore()'>更多>></a> 单击无反应 <a href='javascript:void(0)' onclick='gomore()'>更多>></a> js实现不打开新窗口跳转 document.location.href=url; 打开新窗口跳转 window.open(url);…

a标签响应onclick事件，并且不执行href动作

1.javascript:void(0)相当于一个死链接,href不执行 <a href="javascript:void(0)" onclick="doSomething()">链接</a> 2.onclick返回false,href不执行 <a href="https://www.baidu.com/" onclick="doSomething();return false;">链接&l…

JavaScript的 onclick 事件是如何调用jquery 方法的

看见个不错的问答,关于JavaScript的 onclick 事件是如何调用jquery 方法的,特此标注,链接如下:http://segmentfault.com/q/1010000000333507…

javascript onclick事件可以调用两个方法吗？

答案是:可以的,onclick事件可以调用多个方法,每个方法之间用分号(:)隔开即可. onclick后面其实是可以写任何代码的,但是一般不建议这么写!! 例:onclick="fun1(); fun2(); fun3()" 小案例最近在一本书里看到一个JavaScript图片库的例子,作者希望能留在这个网页而不是转到另一个窗口,结构如下: 将图片路径直接给到一个链接中,会遇到一个问题: 触发点击事件,不仅会触发showPic函数,链接被点击的默认行为也会被调用,这样图片还是会在另一…

javascript 的button onclick事件不起作用的解决方法

在项目中遇到个问题:servlet向前端返回如下按钮,当course_ID为数字是onclick事件正常,但当course_ID含有字母时onclick事件就不起作用.网上找了很多方法都不管用,最后自己摸索到了一个方法,解决了问题. [权记于此] 有问题者: out.print("<td><input type='button' id='tb_delete_course_btn" + index + "' value='删…

a标签的href="javascript:void(0)"和href="#"的区别

修正一个说法上的bug吧.对于IE6来说,点击后gif暂停bug仅仅发生在“javascript:伪协议未加分号”的情形下. 我再来提供一个视角吧. 给<a>标签增加href属性,就意味着以下事情: :link选择器可以选择到它这个a标签可以获得焦点(可以通过tab按键访问到) 在浏览器的默认样式表中,有href属性的<a>标签才有cursor:pointer的效果(尤其是在低版本的IE上). 绑定了onclick事件的<a>标签,尤其是它的作用是ajax请求时,基本…