繁体   English   中英

仅当启用 JavaScript 时,如何在 Anchor 标记中调用 Onclick,以防禁用 Javascript 然后执行 href?

[英]How to invoke Onclick in Anchor tag only if JavaScript if enabled, in case if Javascript is disabled then execute href?

仅当启用 JavaScript 时,如何才能在 Anchor 标记中调用 Onclick,以防禁用 Javascript 然后执行 href?

只有启用了 JavaScript,JavaScript 才能运行。

单击链接时将自动跟随 href(这是默认行为),除非使用 JavaScript 来阻止它。

 function onClick(event) { event.preventDefault(); console.log("JavaScript function called"); } const link = document.querySelector("a"); link.addEventListener("click", onClick);
 <a href="http://example.com/">Link</a>

请详细说明为什么要检查 java-script disable 以执行 href。 要检查 java-script 禁用,您可以参考以下链接供您参考。

如何检测 JavaScript 是否被禁用?

编辑:如果 javascript 被禁用,那么用 html 编写的函数将自动失败并且 href 将被执行。 请检查以下代码。

<!DOCTYPE html>
<html>
<body>

<script>
document.write("Hello World!")
function test()
{
alert('okoko');
return false;
}

</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>

<a href="http://google.com" onclick="return test();">test</a>
<p onclick="">A browser without support for JavaScript will show the text inside the noscript element.</p>

</body>
</html>

在此处输入图片说明

在此处输入图片说明

在此处输入图片说明

根据上面的屏幕截图,确认在禁用 java-script 时,href 将自动执行。

希望这个回答能帮到你。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM