`
xiaoboss
  • 浏览: 650049 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

超链接中的 javascript:void(0);

阅读更多

写在前面: 因为有了 IE6 所以有了下面的文字. 如果你对 IE6 不 Care , 你可以开始浏览其它文章去了. 下文中部分内容参考自这里
如果我们想要在超链接中执行一段 javascript 程序, 我们通常会在脑子中闪现出下面的代码

<a href="javascript:void(0);" onclick="myFunction();">链接</a>

 上面的代码在绝大多数浏览器上都可以正常发挥它的作用. 可是在 IE6 上在某些特定的情况下会出现一些奇怪的问题.

1, 在 IE6 下当 myFunction() 的作用是用来做页面刷新操作时, 它会没有效果.  

2    (页面刷新操作是指类似如 window.location="***" , 提交表单 等等操作.)  

3 2, 在 IE6 下当页面上包含有动态 gif 图片时, 上面的代码会导致动态图片停止播放. 

 如果你有在超链接中执行 js 并且要执行的 js 中有涉及到页面跳转或者是页面上有动态图片时, 要尽量避免使用上面的代码形式, 可以用下面的几种方法来解决这个问题:

<script type="text/javascript">  
 function goUrl(x){  
     window.location = x;  
 }  
</script>  

 <a href="javascript:;" onclick="javascript:goUrl('http://www.baidu.com');">跳转1</a>  
 <a href="javascript:void(0);" onclick="javascript:goUrl('http://www.baidu.com');">跳转2</a>  
 <a href="javascript:void(0);" onclick="javascript:goUrl('http://www.baidu.com'); return false;">
跳转3</a>  
 <a href="#" onclick="javascript:goUrl('http://www.baidu.com');">跳转4</a>  
<a href="###" onclick="javascript:goUrl('http://www.baidu.com');">跳转5</a> 
 

跳转1和2在IE6环境下无效
跳转3, 跳转4, 跳转5 在常用浏览器上都能通过.
跳转4 与 跳转5 的区别在于, 使用 # 号时点击链接会跳到整个页面的最顶端. 而使用 ### 时则可以避免这个问题的发生.

分享到:
评论

相关推荐

    javascript;与javascriptvoid(0)使用介绍

    在前端开发领域,`javascript:` 和 `javascript:void(0)` 这两种语法经常被用到,尤其是在处理页面内的超链接时。本文将详细解析这两种用法的特点、应用场景以及它们之间的区别,并通过具体的示例来帮助读者更好地...

    比较详细的关于javascript中void(0)的具体含义解释.docx

    ### JavaScript中的`void(0)`具体含义解释 #### 一、`void`操作符简介 在JavaScript中,`void`操作符是一个特殊的操作符,它主要用于计算一个表达式但不返回任何值。换句话说,`void`操作符可以用来执行一些副作用...

    js中javascript-void(0) 真正含义.docx

    `javascript:void(0)`在实际开发中非常有用,尤其是在需要阻止超链接默认行为的情况下。通过使用`void`操作符,开发者可以在不改变页面URL的情况下执行任意的JavaScript代码。这对于创建交互式网站来说是非常重要的...

    a href=javascript void(0) 是什么意思呢?加不加上有什么区别?.docx

    在实际开发过程中,有时我们会遇到`a href="javascript:void(0)"`这样的写法。本文将详细介绍这一特殊用法的意义以及它与`a href="#"`之间的区别。 #### 一、`javascript:void(0)` 的含义 `javascript:void(0)` 是...

    js中 javascript-void(0) 用法详解.docx

    ### JavaScript中的 `void(0)` 用法详解 #### 一、`void(0)` 的基本概念 在JavaScript中,`void(0)` 是一种特殊的语法结构,它主要用于执行某些处理,同时避免整个页面的刷新。`void` 是一个运算符,其功能是计算...

    JavaScript中void(0)的具体含义解释

    JavaScript 中 void(0) 的具体含义解释 void 操作符是 JavaScript 中的一个特殊操作符,用于指定要计算一个表达式,但是不返回任何值。void 操作符的用法格式如下: 1. javascript:void (expression) 2. ...

    javascript-void(0)的含义.docx

    ### JavaScript中的`void(0)`含义详解 #### void关键字简介 在JavaScript中,`void`关键字是一个非常重要的操作符,其主要功能是指定计算或执行一个表达式,但该操作的结果是`undefined`。这意味着即使表达式有...

    javascript void(0)的妙用

    在JavaScript中,`void`操作符是一个经常被忽视但其实非常实用的工具,尤其是在处理页面交互和DOM元素,特别是超链接(`&lt;a&gt;`标签)时。`void`的主要作用是计算一个表达式,但不返回任何值。这使得它在特定场景下具有...

    设为主页跳转代码大全

    3. **需要阻止链接默认行为时**:可以考虑使用`&lt;a href="javascript:void(0);" onclick="javascript:goUrl('http://www.sina.com'); return false;"&gt;`的方式。 ### 四、注意事项 1. **避免过度使用JavaScript**: ...

    详解javascript void(0)

    JavaScript中的`void`运算符是一个经常用于控制链接行为的关键字,它允许你在代码中执行一个表达式,但不返回任何值。这使得`void`在某些场景下特别有用,例如防止超链接的默认行为。 ### `void`运算符的语法 `...

    [removed]void(0)是什么意思及href=#与href=javascriptvoid(0)的区别

    当我们使用`javascript:void(0)`或`javascript:void null`作为超链接的`href`属性时,点击链接将不会有任何实际的导航发生。例如: ```html &lt;a href="javascript:void(0)"&gt;不跳转链接 ``` 在这个例子中,点击链接...

    js中[removed]void(0) 真正含义

    在JavaScript中,`void`操作符是...总之,`javascript:void(0)`在JavaScript编程中是一个实用的技巧,用于阻止链接的默认行为,同时允许你附加自定义的JavaScript逻辑。理解这一概念对于编写交互式的网页应用非常重要。

    超链接弹出独立新窗口代码

    &lt;a href="javascript:void(0);" onclick="openNewWindow('http://www.example.com', 'newWindow', 'width=500, height=300');"&gt;点击打开新窗口 &lt;script type="text/javascript"&gt; function openNewWindow(url, name...

    [removed].href = [removed].href 跳转无反应 a超链接onclick事件写法

    在实际开发中,推荐使用`javascript:void(0)`作为`href`值,因为这是最简洁且兼容性最好的方式。同时,确保`onclick`事件中的函数执行完成后返回`false`,以阻止页面的默认跳转行为。这样做不仅可以解决点击无反应的...

    [removed]void(0)的真正含义实例分析

    ### JavaScript中的`void(0)`:真正含义及实例分析 #### 一、`void`操作符简介 在JavaScript中,`void`是一个特殊的操作符,它用于计算一个表达式但不返回任何值。这意味着,当你使用`void`操作符时,即使表达式...

    比较详细的关于javascript中void(0)的具体含义解释

    ### JavaScript中的`void(0)`具体含义及其应用详解 #### 一、`void`操作符简介 在JavaScript中,`void`是一个特殊的操作符,它主要用于执行某个表达式但不返回任何值。实际上,`void`操作符总是返回`undefined`。 ...

    js-new-window-opens.zip_javascript

    const link = "javascript:void(0)"; console.log(isJavascriptLink(link)); // 输出:true ``` 在这个例子中,`^`表示字符串的开始,`javascript:`是我们要匹配的文本,`/i`是修饰符,表示进行不区分大小写的匹配...

    给html超链接设置事件不使用href来完成跳

    此外,一些开发者认为`return false`更易读,而`javascript:void(0)`则在某些情况下能避免JavaScript中的副作用。 在实际应用中,你可以根据具体需求和项目规范选择合适的方法。如果你只想阻止链接的默认行为,两者...

    html中a标签调用js函数.docx

    在HTML中,`&lt;a&gt;`标签通常用于创建超链接,但也可以用来触发JavaScript函数。本文将详细探讨如何在`&lt;a&gt;`标签中调用JavaScript函数以及相关注意事项。 1. **JavaScript: 协议调用** 这种方法常见于老代码中,如`...

    详解a href=#与 a href=[removed]void(0) 的区别

    在HTML中,`&lt;a&gt;`标签通常用于创建超链接,而`a href="#"`和`a href="javascript:void(0)"`是两种常见的用法,它们之间有着显著的区别。 首先,`a href="#"`是一个指向页面内部锚点的链接。默认情况下,`#`代表页面...

Global site tag (gtag.js) - Google Analytics