两种在超链接中定义的JavaScript脚本的不同

<a href="javascript:window.open('http://www.oseye.net');">空链接</a>
<a href="#" onclick="window.open('http://www.oseye.net');">空链接</a>

以上另种方式都可达到使用脚本打开一个oseye的窗口,但不同点如下:

  • 前者的脚本代码是在URL位置,充当URL,其实是在浏览器中的地址栏中执行的;
  • 后者的脚本代码是在HTML元素的事件属性中,是靠事件来触发执行的;

验证前者是在浏览器地址栏中执行(以下如果有乱码,请更改浏览器查看编码)

  1. 迹象一:可以直接IE浏览器中在地址栏中敲入脚本代码:
    javascript:window.open('http://www.oseye.net');

    然后回车,如下图:

  2. 迹象二:把代码
    <a href="javascript:window.open('http://www.oseye.net');">空链接</a>
    保存成HTML,使用Firefox浏览器打开,点击“空连接”,能看到如下图:

  3. 迹象三:如果把代码
    <a href="javascript:window.open('http://www.oseye.net');">空链接</a>
    和代码
    <a href="#" onclick="window.open('http://www.oseye.net');">空链接</a>
    分别保存HTML文档,使用IE打开,如下图:

    后者会询问出入安全考虑是否阻止执行,但前者没有。说明后者IE的ECMAScript解析引擎已经检测到脚本代码,而前者只有在点击“空链接”时才提示。

虽然两种浏览器的解析引擎不同,但我猜猜充当URL的脚本代码应该是在浏览器的地址栏中执行的。欢迎不同见解....

PS:前者打开窗口后,原窗口的内容变了,而且可能变为了"[object]"或"[object Window]",可以在脚本语句加上"void(0)"即可。

出处:http://www.zhaiqianfeng.com    
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
原文地址:https://www.cnblogs.com/zhaiqianfeng/p/4616941.html