a href="#" onclick=""使用技巧

最新推荐文章于 2023-11-21 09:19:40 发布
原创 最新推荐文章于 2023-11-21 09:19:40 发布 · 1.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

本文介绍了一种使用JavaScript处理伪链接的方法，通过设置返回false来防止点击时滚动条上移的问题。提供了两种实现方式，帮助开发者更好地进行网页交互设计。
使用javascript的时候,通常我们会通过类似:<a href="#" onclick="javascript:方法">提交</a>的方式,通过一个伪链接来调用javascript方法.这种方法有一个问题是:虽然点击该链接的时候不会跳转页面.但是滚动条会往上滚,解决的办法是返回一个false.如下所示:<a href="#" onclick="javascript:方法;return false;">提交</a>；或者还有一个方法是 #this <a href="#this" onclick="javascript:方法">
P_N
关注
专栏目录
详解a href=#与 a href=[removed]void(0) 的区别
09-28
相反，`a href="javascript:void(0)"`则是一种阻止默认行为的技巧。`javascript:void(0)`是一个JavaScript表达式，它告诉浏览器执行JavaScript代码但不返回任何值，因此点击链接后页面不会有任何滚动或导航行为。...
链接中的href=#是什么意思呢
09-28
它的主要用途在于触发 JavaScript 事件，如在上面的例子中 `<a href="#" onclick="window.close()">关闭</a>`，点击这个链接并不会使页面刷新或移动，而是执行 `onclick` 事件绑定的 JavaScript 代码（在这个例子中...
<a href="#" onclick="">的一个小技巧
乐在其中/Leo在其中
09-30 201
使用javascript的时候,通常我们会通过类似: &lt;a href="#" onclick="javascript:方法"&gt;提交&lt;/a&gt; 的方式,通过一个伪链接来调用javascript方法.这种方法有一个问题是:虽然点击该链接的时候不会跳转页面.但是滚动条会往上滚,解决的办法是返回一个false. 如下所示: &lt;a href="#" onclick=".
a href=# onclick= 使用技巧（转）
weixin_34064653的博客
10-09 388
转自http://wzfjesun.blog.163.com/blog/static/142456939201010304306750/ 使用javascript的时候,通常我们会通过类似:   &lt;a href="#" onclick="javascript:方法"&gt;提交&lt;/a&gt;   的方式,通过一个伪链接来调用javascript方法.这种...
<a>标签的href和onclick属性
huageby的专栏
07-18 959
链接的onclick 事件被先执行，其次是href属性下的动作（页面跳转，或 javascript 伪链接）；假设链接中同时存在href 与onclick，如果想让href 属性下的动作不执行，onclick 必须得到一个false的返回值；如果页面过长有滚动条，且希望通过链接的 onclick 事件执行操作。应将它的 href 属性设为 javascript:void(0);，而不要是 #，
<a href="#" onclick="">中#的作用
TYYH的专栏
06-08 468
#表示当前页面的意思，在此是一个小技巧，在href和onclick同时存在是，执行onclick控制页面的跳转 一般onclick会接一个js自定义function，该function控制页面的跳转   如下： HTML部分： &lt;a href="#" onclick="queryAllowImpawnRemoveDraft('&lt;bean:write name="draft" ...
a href onclick用法
热门推荐
jspamd的专栏
11-02 2万+
在a标签的href与onclick中使用javascript的区别 ⒈ 链接的 onclick 事件被先执行，其次是 href 属性下的动作（页面跳转，或 javascript 伪链接）； ⒉ 假设链接中同时存在 href 与 onclick，如果想让 href 属性下的动作不执行，onclick 必须得到一个 false 的返回值； ⒊ 如果页面过长有滚动条，且希望通过链接的 o
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>单页应用示例</title> <link rel="stylesheet" href="../CSS/index.css"> </head> <body> <div class="content"> <!-- 导航栏 --> <nav class="navbar"> <ul> <li> <div class="search-container"> <input class="search-input" type="text" name="" placeholder="搜索..."> <button class="search-button" value="搜索"> <img src="../Image/搜索.png" alt="搜索"> </button> </div> </li> <li><a href="#" class="nav-link active" data-target="home">首页</a></li> <li><a href="#" class="nav-link" data-target="">山河</a></li> <li><a href="#" class="nav-link" data-target="">景致</a></li> <li><a href="#" class="nav-link" data-target="">独韵</a></li> <li><a href="#" class="nav-link" data-target="">文脉</a></li> <li><a href="#" class="nav-link" data-target="">远图</a></li> <li><a href="#" class="nav-link" data-target="">业兴</a></li> <li><a href="#" class="nav-link" data-target="">民安</a></li> <li><a href="#" class="nav-link" id="right" data-target="register">注册</a></li> </ul> </nav> <!-- 轮播图 --> <video src="" id="myVideo"> <source src="../Video/云海.mp4" type="video/mp4"> </video> <div class="content"> <div id="silder"> <ul id="list"> <li><img src="../Image/丹江.png"></li> <li><img src="../Image/丹江.png"></li> <li><img src="../Image/白河.png"></li> <li><img src="../Image/桐柏山脉.png"></li> <li><img src="../Image/唐河.png"></li> <li><img src="../Image/丹江.png"></li><!-- 把第一张图片放在最后 --> </ul> </div> </div> </div> <!-- 内容区域 --> <div class="content-container"> <!-- 首页内容 --> <section id="home" class="content-section active"> <h1>欢迎来到首页</h1> <p>这是首页内容，请点击上方导航切换页面</p> <div class="features"> <div class="feature-card">特色功能 1</div> <div class="feature-card">特色功能 2</div> <div class="feature-card">特色功能 3</div> </div> </section> <!-- 注册页内容 --> <section id="register" class="content-section"> <h2>用户注册</h2> <form id="registration-form"> <div class="form-group"> <label for="username">用户名:</label> <input type="text" id="username" required> </div> <div class="form-group"> <label for="email">邮箱:</label> <input type="email" id="email" required> </div> <div class="form-group"> <label for="password">密码:</label> <input type="password" id="password" required> </div> <button type="submit">注册</button> </form> </section> </div> <script src="../JS/index.js"></script> </body> </html> js和css已经按照上文设置为什么没有出现背景视频
最新发布
12-02
btn.onclick = function() { video.play(); btn.style.display = &#39;none&#39;; }; }); } } }); ``` 通过以上步骤，应该能够解决背景视频未显示的问题。如果问题仍然存在，请检查视频文件是否损坏，或者尝试...
解决Layui中templet中a的onclick参数传递的问题
10-16
上述问题的描述中提到，如果Layui模板中a标签的onclick事件处理函数中使用的参数含有单引号或双引号，可能会导致JavaScript解析错误。这是因为引号在JavaScript中用于界定字符串的开始和结束，如果参数本身就含有...
在JS中a标签加入单击事件屏蔽href跳转页面
10-20
5. `a href="#" onclick="js_method();return false;"` 这种方法在执行完js_method()后返回false，阻止了页面的默认跳转，使得页面保持在当前位置。 淘宝主页使用了第二种方法，而阿里巴巴主页则采用了第一种，但...
python全栈开发优势条件_python之全栈开发——————IO模型
weixin_39638708的博客
12-05 180
一：在讲IO模型之前我们首先来讲一下事件驱动模型，属于一种编程的范式，那么我们以前就是传统式编程，来看看有什么区别吧(此处为借鉴别人的)传统的编程是如下线性模式的：开始--->代码块A--->代码块B--->代码块C--->代码块D--->......--->结束每一个代码块里是完成各种各样事情的代码，但编程者知道代码块A,B,C,D...的执行顺序，唯一能够改...
html中的超链接（a标签）加onclick点击事件
_江屿_
11-21 5803
html中的超链接（a标签）加onclick点击事件
<a href="#" onclick=""> 不能不知道的技巧
peizhiinfo
08-09 260
在一个超链接中 可以使用href 和onlick，有时要在A的标记同时使用，在同时使用时，有时让href起作用或者失效，那么如何设计呢? 使用javascript的时候,通常我们会通过类似: &lt;a href="#" onclick="javascript:方法"&gt;提交&lt;/a&gt; 的方式,通过一个伪链接来调用javascript方法. 这种方法有一个问题是:...
《前端》onclick= function() 、onclick= return function() 、return false的区别介绍。
BelleDiao的博客
05-21 2071
现在在做薪酬二期的。 οnclick="function()" 表示只会执行 function , 但是不会传回 function 中之回传值 onclick = "return function()" 则是 执行 function并传回 function 中之回传值。 <script> function doAlert() { var fail_this_check = true; if(fail_this_check) return false;
a标签的onclick与href同时存在的处理
烟台-山子的博客
02-04 6373
在用 时，我们菜鸟经常会不知道如何处理页面跳转与否的问题，现在我在网上搜索发现了如下内容：         1、链接的onclick事件被先执行，其次是href属性下的动作（页面跳转，或 javascript 伪链接）；         2、如果想让href属性下的动作不执行，onclick必须得到一个false的返值；         3、如果页面过长有滚动条，且希望通过链接的 on
a href="" 和 href="#" 以及 href="javascript:void(0)"时 以及其中的 onclick 的区别
jocelyn
07-18 705
今天遇到一个问题,代码如下：           function closeMoblie(){ document.getElementById("moblie").style.display = "none"; } 当点击的时候会闪一下，但是不会消失，为什么呢？ 首先，注意到的是href="",其实平时都会写成href=“#”的，那么有什么不同呢，百度了一下，现在
<a>标签中onclick和href
caixiajia的专栏
11-09 964
链接的 onclick 事件被先执行，其次是 href 属性下的动作（页面跳转，或 javascript 伪链接）；  目的：点击标签，调用动态变更href的js方法后跳转到指定链接                                                                   ${example.rptTitle }  
a标签中的href,onclick属性
66
06-10 1713
<br /><script type="javascript"><br />function isRedirect()<br />{<br />    if(true)<br />    {<br />        return true;<br />    }<br />    else<br />    {<br />        return false;<br />    }<br />}<br /></script><br /> <br /><a href="Default.aspx" onc
location.href=document.referrer
09-09
- 引用[3]：在IE中，为了保留referrer，使用了一个技巧：创建一个`<a>`标签并模拟点击，这样在跳转后，目标页面依然可以获取到referrer。 因此，我们可以这样总结： ### 含义 `location.href = document.referrer`...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值