怎样阻止超链接跳转

简介: 在用 时,出现了一些问题,困惑了我一个多月,现在从网友那边得到以下结论,让我豁然开朗,问题也迎刃而解。 链接的onclick事件被先执行,其次是href属性下的动作(页面跳转,或 javascript 伪链接); 假设链接中同时存在href与onclick,如果想让href属性下的动作不执行,onclick必须得到一个false的返值; 如果页面过长有滚动条,且希望通过链接的 onclick事件执行操作。

在用 <a href="" onclick=""> 时,出现了一些问题,困惑了我一个多月,现在从网友那边得到以下结论,让我豁然开朗,问题也迎刃而解。

  1. 链接的onclick事件被先执行,其次是href属性下的动作(页面跳转,或 javascript 伪链接);
  2. 假设链接中同时存在href与onclick,如果想让href属性下的动作不执行,onclick必须得到一个false的返值
  3. 如果页面过长有滚动条,且希望通过链接的 onclick事件执行操作。应将它的 href属性设为 javascript:void(0);  ,而不要是 #,这可以防止不必要的页面跳动;
  4. 如果在链接的 href属性中调用一个有返回值的函数,当前页面的内容将被此函数的返回值代替;
  5. 在按住Shift键的情况下会有所区别。
  6. 今天我遇到的问题,在IE6.0里以href的形式访问不到parentNode。
  7. 尽量不要用javascript:协议做为A的href属性,这样不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。
相关文章
不使用a标签,实现点击跳转到其他页面的代码
不使用a标签,实现点击跳转到其他页面的代码
|
3月前
|
安全 JavaScript 前端开发
使用 abortNavigation 阻止导航
【8月更文挑战第9天】`abortNavigation` 方法可在特定情境下阻止用户意外导航,避免数据丢失或操作中断。例如,在填写表单或上传文件时,若用户误触链接,可使用此方法保持当前流程。同时,在验证数据合法性前也可阻止导航,确保所有必填项完整无误。技术实现上,可通过前端框架如 Vue 的 `beforeRouteLeave` 寿命周期钩子监听并控制导航。需要注意的是,应适度使用以维护良好用户体验,并考虑不同环境下的兼容性与安全性,避免潜在风险。
|
3月前
|
JavaScript 前端开发
定义一个超链接,点击超链接后,执行一段代码,页面不跳转
这篇文章展示了如何在HTML中创建一个超链接,当点击这个超链接时,会执行JavaScript代码(例如弹出一个警告框)而不会导致页面跳转。
|
Web App开发 移动开发 安全
如何阻止 iframe 里引用的网页自动跳转
如何阻止 iframe 里引用的网页自动跳转
153 0
|
JavaScript 前端开发 Linux
网页跳转代码的三种方法
网页跳转代码的三种方法
1475 0
取消a标签的默认跳转行为
取消a标签的默认跳转行为
253 0
|
搜索推荐 SEO
什么是302跳转?301重定向与302跳转有什么区别?
什么是302跳转? 302跳转是用户浏览器或搜索引擎蜘蛛向网站务器发出访问网址A的请求时,服务器返回的头信息中状态码的一种,也称为302重定向,302跳转。 301重定向与302跳转有什么区别?
818 0
网站301跳转
  源码: protected void Application_BeginRequest(object sender, EventArgs e) { HttpApplication application = sender as ...
1385 0
关于iframe页面里的重定向问题
    最近公司做的一个功能,使用了iframe,父页面内嵌子页面,里面的坑还挺多的,上次其实就遇到过,只不过今天在此描述一下。     请允许我画个草图:          外层大圈是父级页面,里层是子级页面,我们是在父级引用子级页面的,由于是两个页面,URL肯定不一样的,“一般的,在子页面做的操作也仅仅对子页面生效”,现在我要说的就是关于这一点的!     公司这个功能,在子级页面完成某个操作以后,需要跳转页面,于是子级页面的代码是这样写的:提交=>提交成功=>跳转B页面。
4765 0