a标签不跳转

<a href="javascript://">父级菜单</a>

  结果是这种写法在一些浏览器下不能到达预期效果(无跳转),我没有花时间把这种写法在主流浏览器上都测试一遍看效果。因为这种写法根本就不规范,在搜索引擎中也没有搜不到该写法,索性理解成一个菜鸟在头脑发热时的一种发明创造。

  也许当时我想表达的是,javascript:void(0),确实这种写法是存在也常见的。一些有关她的知识如下:

  1、含义为死链接

  2、完整写法为 javascript:void(expression)

  void是一个操作符,该操作符指定要计算一个表达式但不返回值;expression是一个要计算的表达式。当用户点击链接时,void(0)不返回值,所以等同于javascript:;

  细心观察,打开微博和QQ空间时,上面的脚本会经常出现在浏览器底部。

  最后是一些搜集的资料

  1、<a>的onclick事件被先执行,其次是href属性下的动作;

  2、将href属性设置为#后,点击链接后将跳动到页面顶部。因为锚点默认为Top,如果不想让页面跳动,可以将一个#改成多个#;

  3、如果在链接的href属性中调用一个有返回值的函数,当前页面的内容将被此函数的返回值代替;

  4、尽量不要用javascript:做为<a>标记的href属性,这样不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放

最后,我将原来的写法修改为

<a href="#" onclick="javascript:return false;">父级菜单</a>
时间: 2024-10-27 19:28:53

a标签不跳转的相关文章

使用mui框架后a标签无法跳转

由于最近工作项目上使用到前台mui框架,笔者在将H5转换为jsp时,遇见各种各样问题,原因归结为对mui框架不熟悉,今天就遇见一个特别奇怪的问题,界面中超链接<a>标签无法跳转,笔者试着添加点击事件,但效果依然是无法跳转,查资料发现mui搞得鬼: 我的代码主要是下边代码搞得鬼: //删除出行人  mui('body').on('tap','.business_icon_remove',function(){    var parentNode_1 = this.parentNode,     

a标签阻止跳转的方法

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="

安卓下点击a标签不跳转;点击a标签在手机真机上会调出手机键盘的解决办法

安卓下点击a标签不跳转的解决办法,是不用href做跳转的链接,改为用JS控制跳转 1 <a href="javascript:;" ontouchstart="window.location.href='https://www.baidu.com/'"><img src="xxx"></a> 这样写虽然解决了安卓下点击a标签不跳转的问题,但还是没有解决点击a标签,在手机真机上会调出手机键盘的行为 不过将a标签换

.net 后台中对html标签按钮跳转后台以及后台简单验证

---------------------------------学霸,学神,大牛,hacker请绕道de分割线----------------------------------------------------------------------- 嗯,这个可能比较简单,原谅我这个学弱第一次做.net还查了好久的资料,所以贴出来,避免大家再走弯路了. 因为html的button按钮不是服务器端控件,所以得做如下改变才能跳转到后台. <button type="submit"

使用iframe,注销以后,点击某个标签,跳转到的登录页面位于标签中

当使用iframe时,要么会话过期,要么手动注销,如果此时再进行操作,可能遇到跳转到登录页面,可是登录页面会位于标签执行,并没有全屏显示,即位于当前的iframe中,此时的解决方式很简单,只需要在登录页面添加以下javascript代码: <script> if(window != top) { top.location.href = location.href; } </script>

java中break、continue及标签等跳转语句的使用[上]

java 中跳转语句使用break.continue和标签,各自或组合完成相应的功能. 今天做题时遇到关于标签命名规范,顺便将跳转语句语法都看了一遍,很有收获. 在<Java编程思想>一书中,作者详细阐述,现将案例代码写在下面: public class LabeledFor { public static void main(String[] args) { int i=0; outer: for(;true;){ inner: for(;i<10;i++){ System.out.p

JS中点击a标签不跳转

在开发中发现,使用如下方式的链接. 在Chrome中点击后不会做任何跳转或者打开新标签页,但在Firefox下会新开标签页.<a href="JavaScript:void(0);" target="_blank">test</a> 后经查找资料,发现需如下解决.通过 false;" href="javascript:void(0);" target="_blank">test</

mui框架之a标签无法跳转的问题

最近在mobile的项目中用到了mui前端框架,自己先学习了一下,感觉功能挺全,因为要开发m站,就选择用了mui的前端h5的框架,由于是第一次用到,难免会踩坑. 要实现这样一个产品的列表,由于要分页,就很自然想到了用上拉加载的效果,mui的上拉加载是用两个页面实现的,一个主页面,然后内容页面用iframe加载的, 产品的每一个item点击是要跳转到详情页面的,刚开始很奇怪,用a标签包裹每一个item,点击无法跳转,后来试了很多方法,用点击事件代替都不行,后来想到了 用事件委托的方法:很简单的代码

HTML 中点击&lt;a&gt;标签,页面跳转执行过程

HTML链接使用的是<a>标签 点击超链接,后台的执行大致如下: <a href="https://www.baidu.com">超链接</a> 根据链接地址看出,执行的是https协议 点击超链接,首先在本地的hosts文件(C:\Windows\System32\drivers\etc\hosts)中查找是否有与网址匹配的ip 如果没有, 跳转到网上查找网上dns,然后返回ip,接着跳转到相应的页面 //代码解释$("a").

mui中a标签的跳转问题

一.脑补 快速响应是mobile App实现的重中之重,研究表明,当延迟超过100毫秒,用户就能感受到界面的卡顿,然而手机浏览器的click点击存在300毫秒延迟(至于为何会延迟,及300毫秒的来龙去脉,请自行谷百),mui为了解决这个问题,封装了tap事件,因此在任何点击的时候,请忘记click及onclick操作!!! 二.解决办法 1. 给需要跳转的 a 标签添加一个类名  a document.querySelectorAll(".a").forEach(function (v