onclick Javascript void无法打开新选项卡

时间:2018-09-20 08:28:50

标签: javascript html

右键单击超链接时,Chrome中的javascript超链接未禁用Open link in new tab选项。当我们点击open in new tab选项时,Chrome浏览器将打开“关于空白”页面。

另一方面,Mozilla firefox和IE禁用了Open link in new tab选项。

代码

<!DOCTYPE html>
<html>
    <body>
        <a href="javascript:void(0)" onclick="myJsFunc();">Run JavaScript Code</a>
        <script>
            function myJsFunc() {
                alert("myJsFunc");
            }
        </script>
    </body>
</html>

1 个答案:

答案 0 :(得分:2)

JavaScript URL的目的是从JavaScript生成一个文档以供显示。

链接到生成显式“无”的JavaScript URL没有任何意义。

如果您想要一个仅触发onclick事件的元素:使用按钮。不要使用链接,然后尝试使链接的主要功能中止。

function myJsFunc() {
  alert("myJsFunc");
}

document.querySelector("button").addEventListener("click", myJsFunc);
<button>Run JavaScript Code</button>