写在前面: 因为有了 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:` 和 `javascript:void(0)` 这两种语法经常被用到,尤其是在处理页面内的超链接时。本文将详细解析这两种用法的特点、应用场景以及它们之间的区别,并通过具体的示例来帮助读者更好地...
### JavaScript中的`void(0)`具体含义解释 #### 一、`void`操作符简介 在JavaScript中,`void`操作符是一个特殊的操作符,它主要用于计算一个表达式但不返回任何值。换句话说,`void`操作符可以用来执行一些副作用...
`javascript:void(0)`在实际开发中非常有用,尤其是在需要阻止超链接默认行为的情况下。通过使用`void`操作符,开发者可以在不改变页面URL的情况下执行任意的JavaScript代码。这对于创建交互式网站来说是非常重要的...
在实际开发过程中,有时我们会遇到`a href="javascript:void(0)"`这样的写法。本文将详细介绍这一特殊用法的意义以及它与`a href="#"`之间的区别。 #### 一、`javascript:void(0)` 的含义 `javascript:void(0)` 是...
### JavaScript中的 `void(0)` 用法详解 #### 一、`void(0)` 的基本概念 在JavaScript中,`void(0)` 是一种特殊的语法结构,它主要用于执行某些处理,同时避免整个页面的刷新。`void` 是一个运算符,其功能是计算...
JavaScript 中 void(0) 的具体含义解释 void 操作符是 JavaScript 中的一个特殊操作符,用于指定要计算一个表达式,但是不返回任何值。void 操作符的用法格式如下: 1. javascript:void (expression) 2. ...
### JavaScript中的`void(0)`含义详解 #### void关键字简介 在JavaScript中,`void`关键字是一个非常重要的操作符,其主要功能是指定计算或执行一个表达式,但该操作的结果是`undefined`。这意味着即使表达式有...
在JavaScript中,`void`操作符是一个经常被忽视但其实非常实用的工具,尤其是在处理页面交互和DOM元素,特别是超链接(`<a>`标签)时。`void`的主要作用是计算一个表达式,但不返回任何值。这使得它在特定场景下具有...
3. **需要阻止链接默认行为时**:可以考虑使用`<a href="javascript:void(0);" onclick="javascript:goUrl('http://www.sina.com'); return false;">`的方式。 ### 四、注意事项 1. **避免过度使用JavaScript**: ...
JavaScript中的`void`运算符是一个经常用于控制链接行为的关键字,它允许你在代码中执行一个表达式,但不返回任何值。这使得`void`在某些场景下特别有用,例如防止超链接的默认行为。 ### `void`运算符的语法 `...
当我们使用`javascript:void(0)`或`javascript:void null`作为超链接的`href`属性时,点击链接将不会有任何实际的导航发生。例如: ```html <a href="javascript:void(0)">不跳转链接 ``` 在这个例子中,点击链接...
在JavaScript中,`void`操作符是...总之,`javascript:void(0)`在JavaScript编程中是一个实用的技巧,用于阻止链接的默认行为,同时允许你附加自定义的JavaScript逻辑。理解这一概念对于编写交互式的网页应用非常重要。
<a href="javascript:void(0);" onclick="openNewWindow('http://www.example.com', 'newWindow', 'width=500, height=300');">点击打开新窗口 <script type="text/javascript"> function openNewWindow(url, name...
在实际开发中,推荐使用`javascript:void(0)`作为`href`值,因为这是最简洁且兼容性最好的方式。同时,确保`onclick`事件中的函数执行完成后返回`false`,以阻止页面的默认跳转行为。这样做不仅可以解决点击无反应的...
### JavaScript中的`void(0)`:真正含义及实例分析 #### 一、`void`操作符简介 在JavaScript中,`void`是一个特殊的操作符,它用于计算一个表达式但不返回任何值。这意味着,当你使用`void`操作符时,即使表达式...
### JavaScript中的`void(0)`具体含义及其应用详解 #### 一、`void`操作符简介 在JavaScript中,`void`是一个特殊的操作符,它主要用于执行某个表达式但不返回任何值。实际上,`void`操作符总是返回`undefined`。 ...
const link = "javascript:void(0)"; console.log(isJavascriptLink(link)); // 输出:true ``` 在这个例子中,`^`表示字符串的开始,`javascript:`是我们要匹配的文本,`/i`是修饰符,表示进行不区分大小写的匹配...
此外,一些开发者认为`return false`更易读,而`javascript:void(0)`则在某些情况下能避免JavaScript中的副作用。 在实际应用中,你可以根据具体需求和项目规范选择合适的方法。如果你只想阻止链接的默认行为,两者...
在HTML中,`<a>`标签通常用于创建超链接,但也可以用来触发JavaScript函数。本文将详细探讨如何在`<a>`标签中调用JavaScript函数以及相关注意事项。 1. **JavaScript: 协议调用** 这种方法常见于老代码中,如`...
在HTML中,`<a>`标签通常用于创建超链接,而`a href="#"`和`a href="javascript:void(0)"`是两种常见的用法,它们之间有着显著的区别。 首先,`a href="#"`是一个指向页面内部锚点的链接。默认情况下,`#`代表页面...