`

href onclick

    博客分类:
  • js
阅读更多
http://hi.baidu.com/xierqd/blog/item/05c3fb3df70b95c19e3d62f1.html


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

链接的onclick 事件被先执行,其次是href 属性下的动作(页面跳转,或 javascript 伪链接);
假设链接中同时存在href 与onclick,如果想让href 属性下的动作不执行,onclick 必须得到一个false 的返回值;
如果页面过长有滚动条,且希望通过链接的 onclick 事件执行操作。应将它的 href 属性设为 javascript:void(0);,而不要是 #,这可以防止不必要的页面跳动;
如果在链接的 href 属性中调用一个有返回值的函数,当前页面的内容将被此函数的返回值代替;
在按住Shift键的情况下会有所区别。
今天我遇到的问题,在IE6.0里以href的形式访问不到parentNode。
尽量不要用javascript:协议做为A的href属性,这样不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。
分享到:
评论

相关推荐

    a标签href属性与onclick事件使用实例

    `&lt;a&gt;`标签有两个关键属性,即`href`和`onclick`,它们都可以用来控制页面的跳转行为,但具体使用方式和效果有所不同。 1. `href`属性:`href`属性是`&lt;a&gt;`标签的核心属性,用于定义链接的目标URL。当用户点击这个...

    A标签中通过href和onclick传递的this对象实现思路

    当涉及到在`&lt;a&gt;`标签上同时使用`href`属性和`onclick`事件时,`this`对象的行为可能会变得复杂,特别是在想要传递当前元素引用给一个处理函数时。本文将详细解释这个问题,并提供解决思路。 首先,`this`关键字在...

    详解Html a标签中href和onclick用法、区别、优先级别

    在`&lt;a&gt;`标签中,`href`和`onclick`是两个重要的属性,它们各自有不同的用途和交互方式。 `href`属性是`&lt;a&gt;`标签的核心属性,用于指定链接的目标地址。它可以是一个HTTP/HTTPS URL,指向另一个网页;也可以是一个...

    html超链接a标签的href跳转跟onclick之间执行顺序示例介绍

    如描述中所述,`onclick`事件和`href`跳转之间的执行顺序是这样的:首先,`onclick`事件的JavaScript代码会被执行。如果`onclick`函数返回`false`,则浏览器将阻止默认的`href`跳转行为,即不会导航到`href`属性指定...

    a标签的href与onclick事件的区别详解

    `href`和`onclick`都是`&lt;a&gt;`标签的重要属性,它们各自承担着不同的职责,但在某些场景下可能会同时使用,这就涉及到它们之间的区别和交互。 1. **事件顺序**: 当一个`&lt;a&gt;`标签同时具有`href`和`onclick`时,`...

    Web验证实现8.21

    a href onClick document form1 submit test a function tt document form1 submit a href onClick tt test a 以上都不行不是提示不支持此方法就是没 ...

    WEB编程开发常用的代码.doc

    &lt;a class="chlnk" style="cursor:hand" HREF onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('你的网站名称');"&gt; 宋体"&gt;设为首页&lt;/font&gt;&lt;/a&gt; ``` 以上代码示例涵盖了Web开发中的一些...

    javascript常用语句

    例如:&lt;body bgcolor="#FFFFFF" text="#000000"&gt; &lt;a class="chlnk" style="cursor:hand" HREF onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('你的网站名称);"&gt;设为首页&lt;/a&gt;&lt;/body&gt; 10...

    常用经典javascript代码集锦

    if (document.all)document.write('&lt;a href="#" onClick="bookmarkit()"&gt;加入收藏夹&lt;/a&gt;'); ``` 7. **去除链接下划线**: 通过CSS样式,可以去掉超链接的默认下划线: ```css a:link, a:hover, a:visited { ...

    a标签的href和onclick 的事件的区别介绍

    `href`和`onclick`都是与`&lt;a&gt;`标签交互相关的属性,但它们的作用和执行顺序有所不同,理解这些差异对于优化用户体验和控制页面行为至关重要。 首先,`href`属性是`&lt;a&gt;`标签的核心属性,它定义了链接的目标地址。当...

    网页常用javascript 获取当前时间 常见的特效 节日倒计时.pdf

    &lt;a class="chlnk" style="cursor:hand" HREF onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('你的网站名称);"&gt; 宋体"&gt;设为首页 ``` 10. 节日倒计时 使用JavaScript可以实现节日倒...

    WEB编程开发常用的代码

    &lt;a class="chlnk" style="cursor: hand" HREF onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('网站地址');"&gt; 设为主页 ``` 通过设置HTML元素的`behavior`属性,实现将当前页面设置为...

    网页常用javascript获取当前时间常见的特效节日倒计时知识.pdf

    &lt;a class="chlnk" style="cursor:hand" HREF onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('你的网站名称');"&gt; 宋体"&gt;设为首页 ``` 十一、节日倒计时 可以使用javascript的Date...

    input按钮onclick事件大全

    ### Input按钮Onclick事件详解 在Web开发中,`&lt;input&gt;`标签是HTML文档中最常用的元素之一,常用于创建各种交互式按钮、输入框等。`onclick`属性则允许我们在用户点击这些元素时执行特定的JavaScript代码。下面将...

    jquery A标签onclick事件

    serverListObj.append("&lt;li&gt;&lt;a href='#' name='servers' onclick='GetServer(this)'&gt;" + areaList[0] + "&lt;/a&gt;&lt;/li&gt;"); GetServer("&lt;a href='#' name='servers' onclick='GetServer(this)'&gt;" + areaList[0] + "&lt;/a&gt;...

    Spring boot + thymeleaf 后端直接给onclick函数赋值的实现代码

    window.location.href = ("..."); } } }); } ``` 在上面的示例代码中,我们使用了 jQuery 的 AJAX 方法来发送数据到服务端,并在成功回调函数中处理返回的数据。 本篇文章介绍了如何在 Spring Boot 应用程序中...

Global site tag (gtag.js) - Google Analytics