在web页面开发时,我们经常会遇到下列情况:
1.一个标签仅仅是要触发onclick行为;
2.表现上要有鼠标的pointer指针显示,或者其他类似a标签的视觉效果。
比如执行删除操作时,为了避免误操作,我们要弹出对话框让用户确定是否删除。因此我们经常会用链接<a></a>形式代替<button> 触发onclick事件。
代码如下:
<script type="text/javascript"> function del(){ if(confirm("确定删除该记录?")){ parent.window.location="执行删除.jsp"; return true; } return false; } </script> <a href="" target="mainFrame" class="STYLE4" onclick="del()" >删除</a>
这样做的后果是js代码会跳转到"执行删除.jsp"页面,而<a>标签也会跳转打开一个空页面。因为html本身对 <a>标签的href属性做了处理,所以就会先执行我们自己定义的方法,接着再运行它自身的方法(跳转的方法)。
解决方法主要有四种,如下:
1. 不用a标签,设定css或用js来表现(有点复杂);
2. 用a标签,onclick属性或onclick事件中返回false;(个人喜欢)
如:<a href="" target="mainFrame" class="STYLE4" onclick="del();return false" >删除</a>
这是个执行顺序的问题,<a>这个标签的执行顺序应该是先执行onclick 的脚本,最后才进行href参数指定页面的跳转。在onclick中返回false,就可以中止<a>标签的工作流程,也就是不让页面跳转到href参数指定的页面。
3. 用href="javascript:void(0)"这种伪协议;(这种伪协议,少写的好)
即:<a href="javascript:void(0)" target="mainFrame" class="STYLE4" onclick="del()" >删除</a>
4. <a href="#" class="STYLE4" onclick="del()" >删除</a>。
相关推荐
echarts 全国地图 点击地图上的点,打开超链接 ,地图点击事件
页面自定跳转 超链接 跳转 jsp页面跳转
outlook 邮件超链接无法跳转修复, 双击运行
下拉列表自动跳转超链接网页 下拉列表自动跳转超链接网页 下拉列表自动跳转超链接网页 下拉列表自动跳转超链接网页
html超链接a标签的href跳转跟onclick之间执行关系:如果onclick返回false,则a不进行跳转,如果onclick返回true,则a跳转,感兴趣的朋友可以了解下本
WebView跳转TextView中的超链接,支持多行链接,可以实现一行文本显示多个链接
js下[removed].href = [removed].href 跳转无反应 a 超链接 onclick 点击跳转无反应问题的解决方法
Android开发之部分字符串可实现超链接点击事件的方法源码更多查看博客:https://blog.csdn.net/xiayiye5/article/details/83022854
ABAP文章集合,点击超链接自动跳转,欢迎同行一起交流
/* 设置为超链接的样式*/ HSSFCellStyle linkStyle = wb.createCellStyle(); HSSFFont cellFont= wb.createFont(); cellFont.setUnderline((byte) 1); cellFont.setColor(HSSFColor.BLUE.index); ...
UILabel无法实现获取指定文字的rect,用UItextview代替了,效果和Label一样
Sap bo WEBI用超链接方式传递参数,跳转到新报表。 Sap bo WEBI用超链接方式传递参数,跳转到新报表
属于课后练习,做个html网页,在网页里加入锚点,超链接,跳转等课上学习的内容。(网页里的内容纯属于练习所用,无作其他用于)
本资源为unity中uguiText文本插入超链接(即 网址,图片等),简单好用,只需要将manager类放到父物体身上,将initText放到Text身上,即可
实现三个页面,要求有图片、文字和超链接(可以跳转)
链接的onclick事件被先执行,其次是href属性下的动作(页面跳转,或 javascript 伪链接); 假设链接中同时存在href与onclick,如果想让href属性下的动作不执行,onclick必须得到一个false的返值; 如果页面过长有...
-- 不写值 ">百度</a> -->空链接 <a href=""></a>百度 <!-- 百度</a> -->空链接 百度 <!-- <a href=" / "></a> -->访问根目录 百度 <!-- ; ">百度</a> -->禁止跳转 ;">...
超链接传值不显示中文,都给你把代码摆上了,下载可以直接使用
改超链接改超链接改超链接改超链接改超链接改超链接
微信小程序实现超链接锚点跳转