a标签为什么上面大下面力怎么读的还继续转跳。而下面的可以不转跳了啊?

如何在jsp中用a标签 直接跳转到另一个 jsp中 ?_百度知道A标签点击触发事件而不跳转_百度文库
两大类热门资源免费畅读
续费一年阅读会员,立省24元!
A标签点击触发事件而不跳转
上传于||暂无简介
阅读已结束,如果下载本文需要使用0下载券
想免费下载更多文档?
定制HR最喜欢的简历
你可能喜欢HTML中a标签跳转的问题_百度知道& a标签触发onclick事件而不跳转
a标签触发onclick事件而不跳转
在web页面开发时,我们经常会遇到下列情况:
1.一个标签仅仅是要触发行为;
2.表现上要有鼠标的pointer指针显示,或者其他类似的视觉效果。
比如执行删除操作时,为了避免误操作,我们要弹出对话框让用户确定是否删除。因此我们经常会用链接&a&&/a&形式代替&button& 触发onclick事件。
代码如下:
&script type="text/javascript"&
function del(){
if(confirm("确定删除该记录?")){
parent.window.location="执行删除.p";
&a href=""
target="mainFrame" onclick="del()" &删除&/a&
这样做的后果是js代码会跳转到"执行删除.jsp"页面,而&a&标签也会跳转打开一个空页面。因为html本身对 &a&标签的href属性做了处理,所以就会先执行我们自己定义的方法,接着再运行它自身的方法(跳转的方法)。
解决方法主要有四种,如下:
1. 不用a标签,设定css或用js来表现(有点复杂);
2. 用a标签,onclick属性或onclick事件中返回false;(个人喜欢)
如:&a href=""
target="mainFrame" onclick="del();return false" &删除&/a&
这是个执行顺序的问题,&a&这个标签的执行顺序应该是先执行onclick
的脚本,最后才进行href参数指定页面的跳转。在onclick中返回false,就可以中止&a&标签的工作流程,也就是不让页面跳转到href参数指定的页面。
3. 用href="javascript:void(0)"这种伪协议;(这种伪协议,少写的好)
即:&a href="javascript:void(0)"
target="mainFrame" onclick="del()" &删除&/a&
4. &a href="#"
onclick="del()" &删除&/a&。(总是跳转到当前页面顶部,当页面内容较多时,还是会有跳转的感觉)
其他知识:
下面的代码创建了一个超级链接,用户单时会提交表单。 &A HREF="javascript:void(document.forms[0].submit())"&单此处提交表单&/A&
a标签中href ="#"中的#是锚点的意思
也可以认为是当前页面
下面是锚的使用方法:
&!-- 定义一个锚。 --&
&a name="anchor"&锚点&/a&
&!-- 本页面的一个连接,连接到锚: --&
&a href="#anchor"&锚&/a&
效果是:点击锚就转到了锚点段落。
扫一扫 关注编程技巧 聊聊编程技术 聊聊程序人生。
本文固定链接:
转载请注明:转载必须在正文中标注并保留原文链接
编辑:Daniel
有人的地方,就有江湖;有网络的地方,就有编程学习网。程序员的家园,IT界的烟火。
学习编程5个常见的疑问
相关: 猜您喜欢}

我要回帖

更多关于 上面石下面水读什么 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信