<html>
<head>
<style>
a{display:block; line-height:28px}
p{margin: 3px 0 12px;}
</style>
</head>
<body>
<div>
<p>如果是对数据一个方法中如下操作</p>
<p>ie6下跳转最佳实例 <a href="javascript:void(0);" οnclick="href_skip('http://www.dangdang.com')">点我ie6下页可以跳转哦</a></p>
<script>
//如果写到方法中则下面这个方法效果更好
function href_skip(your_url){
window.location.href= your_url;
window.event.returnValue = false;
}
</script>
</div>
<p><font color="red">下面是对click事件和href执行顺序的具体分析</font></p>
A: <a href="javascript:void(0);" οnclick="window.location.href='http://www.dangdang.com';alert('怎么执行')" target="_blank">点击A</a>
<p> 点击A后，IE中url马上变成了http://www.dangdang.com，然后弹窗，把弹窗点掉后当前页面马上进入了当当网首页，最后再新打开一个地址为javascript:void(0)的空页面；在Firefox中，当前页的url也马上变成了http://www.dangdang.com，然后弹窗，不同的是，弹窗没有完全阻断UI线程，自动跳转到了当当网首页，并且没有新打开一个地址为javascript:void(0)的页面。</p>
B: <a href="javascript:void(0);" οnclick="window.location.href='http://www.dangdang.com';alert('怎么执行')">点击B</a>
<p> 点击B后，在IE6中，浏览器任务框中的url马上变成了http://www.dangdang.com，然后弹窗，点掉弹窗后，当前页面url变成了javascript:void(0)，进入一个空白页；IE6以上版本，点击后url变成了http://www.dangdang.com，然后弹窗，点掉弹窗后进入当当网首页；在Firefox中，表现和A中一样。</p>
</br>
C: <a href="#" οnclick="window.location.href='http://http://www.dangdang.com';alert('怎么执行')" target="_blank">点击C</a>
<p>点击C后，在IE各版本都是url马上变成了http://www.dangdang.com，然后弹窗，点掉弹窗后，在另一个窗口打开一个新的当当网首页；在Firefox中，表现和A中一样。</p>
D: <a href="#" οnclick="window.location.href='http://http://www.dangdang.com';return false" target="_blank">点击D</a>
<p> 点击D后，IE各版本和Firefox都是直接进入了当当网首页。</p>
E: <a href="javascript:void(0);" οnclick="window.location.href='http://www.dangdang.com';return false" target="_blank">点击E</a>
<p> 点击E后，IE各版本和Firefox都是直接进入了当当网首页。</p>
</br>
F: <a href="http://www.google.com" οnclick="window.location.href='http://www.dangdang.com';alert('怎么执行')" target="_blank">点击F</a>
<p> 点击F后，IE各版本都是当前页url变成http://www.dangdang.com，然后弹窗，点掉弹窗后当前页进入了当当网首页，并且新打开一个Google页面；Firefox中，先是url变成http://www.dangdang.com，然后弹窗，点掉弹窗后，当前窗口进入当当网首页，与IE不同的是，不以任何形式打开Google首页。</p>
G: <a href="http://www.google.com" οnclick="window.location.href='http://www.dangdang.com';alert('怎么执行');return false" target="_blank">点击G</a>
<p>点击G后，IE各版本都是当前页url变成http://www.dangdang.com，然后弹窗，点掉弹窗后当前页进入了当当网首页，没有新打开一个Google页面；Firefox中，表现和F一样。</p>
H: <a href="http://www.google.com" οnclick="window.location.href='http://www.dangdang.com';alert('怎么执行')" target="_blank">点击H</a>
<p> 点击H后，IE各版本及Firefox表现和G一样。</p>
</br>
I: <a href="http://www.dangdang.com" οnclick="return false;" target="_blank">点击I</a>
<p> 点击I后，IE各版本及Firefox都没有任何，href也都没有执行。</p>
</br>
J: <a href="http://www.google.com" οnclick="alert('怎么执行')" target="_blank">点击J</a>
<p> 点击J后，IE各版本和火狐都是先弹窗，点掉弹窗后，在新的页面中打开Google首页。</p>
</body>
</html>
<head>
<style>
a{display:block; line-height:28px}
p{margin: 3px 0 12px;}
</style>
</head>
<body>
<div>
<p>如果是对数据一个方法中如下操作</p>
<p>ie6下跳转最佳实例 <a href="javascript:void(0);" οnclick="href_skip('http://www.dangdang.com')">点我ie6下页可以跳转哦</a></p>
<script>
//如果写到方法中则下面这个方法效果更好
function href_skip(your_url){
window.location.href= your_url;
window.event.returnValue = false;
}
</script>
</div>
<p><font color="red">下面是对click事件和href执行顺序的具体分析</font></p>
A: <a href="javascript:void(0);" οnclick="window.location.href='http://www.dangdang.com';alert('怎么执行')" target="_blank">点击A</a>
<p> 点击A后，IE中url马上变成了http://www.dangdang.com，然后弹窗，把弹窗点掉后当前页面马上进入了当当网首页，最后再新打开一个地址为javascript:void(0)的空页面；在Firefox中，当前页的url也马上变成了http://www.dangdang.com，然后弹窗，不同的是，弹窗没有完全阻断UI线程，自动跳转到了当当网首页，并且没有新打开一个地址为javascript:void(0)的页面。</p>
B: <a href="javascript:void(0);" οnclick="window.location.href='http://www.dangdang.com';alert('怎么执行')">点击B</a>
<p> 点击B后，在IE6中，浏览器任务框中的url马上变成了http://www.dangdang.com，然后弹窗，点掉弹窗后，当前页面url变成了javascript:void(0)，进入一个空白页；IE6以上版本，点击后url变成了http://www.dangdang.com，然后弹窗，点掉弹窗后进入当当网首页；在Firefox中，表现和A中一样。</p>
</br>
C: <a href="#" οnclick="window.location.href='http://http://www.dangdang.com';alert('怎么执行')" target="_blank">点击C</a>
<p>点击C后，在IE各版本都是url马上变成了http://www.dangdang.com，然后弹窗，点掉弹窗后，在另一个窗口打开一个新的当当网首页；在Firefox中，表现和A中一样。</p>
D: <a href="#" οnclick="window.location.href='http://http://www.dangdang.com';return false" target="_blank">点击D</a>
<p> 点击D后，IE各版本和Firefox都是直接进入了当当网首页。</p>
E: <a href="javascript:void(0);" οnclick="window.location.href='http://www.dangdang.com';return false" target="_blank">点击E</a>
<p> 点击E后，IE各版本和Firefox都是直接进入了当当网首页。</p>
</br>
F: <a href="http://www.google.com" οnclick="window.location.href='http://www.dangdang.com';alert('怎么执行')" target="_blank">点击F</a>
<p> 点击F后，IE各版本都是当前页url变成http://www.dangdang.com，然后弹窗，点掉弹窗后当前页进入了当当网首页，并且新打开一个Google页面；Firefox中，先是url变成http://www.dangdang.com，然后弹窗，点掉弹窗后，当前窗口进入当当网首页，与IE不同的是，不以任何形式打开Google首页。</p>
G: <a href="http://www.google.com" οnclick="window.location.href='http://www.dangdang.com';alert('怎么执行');return false" target="_blank">点击G</a>
<p>点击G后，IE各版本都是当前页url变成http://www.dangdang.com，然后弹窗，点掉弹窗后当前页进入了当当网首页，没有新打开一个Google页面；Firefox中，表现和F一样。</p>
H: <a href="http://www.google.com" οnclick="window.location.href='http://www.dangdang.com';alert('怎么执行')" target="_blank">点击H</a>
<p> 点击H后，IE各版本及Firefox表现和G一样。</p>
</br>
I: <a href="http://www.dangdang.com" οnclick="return false;" target="_blank">点击I</a>
<p> 点击I后，IE各版本及Firefox都没有任何，href也都没有执行。</p>
</br>
J: <a href="http://www.google.com" οnclick="alert('怎么执行')" target="_blank">点击J</a>
<p> 点击J后，IE各版本和火狐都是先弹窗，点掉弹窗后，在新的页面中打开Google首页。</p>
</body>
</html>
63
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
