<a>标签中href="javascript:;"

     href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段

这里的href="javascript:;",其中javascript:是伪协议,它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascript:;可以实现A标签的点击事件运行时,如果页面内容很多,有滚动条时,页面不会乱跳,用户体验更好

打开新窗口链接的几种办法
1.window.open('url')
2.用自定义函数
        <script>
        function openWin(tag,obj)
        {
            obj.target="_blank";
            obj.href = "Web/Substation/Substation.aspx?stationno="+tag;
            obj.click();
        }
        </script>
<a href="javascript:void(0)" οnclick="openWin(3,this)">LINK_TEST</a>
window.location.href=""

跳到顶部的情况,解决办法:

1:<a href="####"></a>
2:<a href="javascript:void(0)"></a>
3:<a href="javascript:void(null)"></a>
4:<a href="#" οnclick="return false"></a>
5:<span style="cursor:hand"></span>

全部页面进行刷新

<a href="javascript:void(document.form.submit())">

这段代码可以进行以下优化: 1. 将 `ul` 标签的 `class` 属性名从 `calss` 改为 `class`。 2. 将 JavaScript 代码放在 HTML 结构后面,以确保 DOM 树已经加载完毕。 3. 使用 CSS 的 `display` 属性代替 JavaScript 控制下拉菜单的显示和隐藏。 4. 为了提高代码的可维护性,可以将 JS 代码的 `$(".nav>li")` 提取出来作为变量。 下面是优化后的代码: ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>下拉菜单</title> <style type="text/css"> .nav { margin: 100px; } .nav>li { position: relative; float: left; width: 80px; height: 41px; text-align: center; } .nav li a { display: block; width: 100%; height: 100%; line-height: 41px; color: #333; } /* 隐藏下拉菜单 */ .nav ul { display: none; position: absolute; top: 41px; left: 0; } </style> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script type="text/javascript"> $(function() { var navLi = $(".nav>li"); // 鼠标移入显示下拉菜单 navLi.mouseover(function() { $(this).children("ul").show(); }); // 鼠标移出隐藏下拉菜单 navLi.mouseout(function() { $(this).children("ul").hide(); }); }); </script> </head> <body> <!-- p181 --> <ul class="nav"> <li><a href="#">微博</a> <ul> <li><a href="#">私信</a></li> <li><a href="#">评论</a></li> <li><a href="#">@我</a></li> </ul> </li> <li><a href="#">留言板</a> <ul> <li><a href="#">私信</a></li> <li><a href="#">评论</a></li> <li><a href="#">@我</a></li> </ul> </li> <li><a href="#">电话</a> <ul> <li><a href="#">私信</a></li> <li><a href="#">评论</a></li> <li><a href="#">@我</a></li> </ul> </li> <li><a href="#">邮箱</a> <ul> <li><a href="#">私信</a></li> <li><a href="#">评论</a></li> <li><a href="#">@我</a></li> </ul> </li> </ul> </body> </html> ```
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值