简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
如何将函数传递给动态创建的 href？
P粉571233520
P粉571233520 2023-09-22 09:37:55
0
1
1065

我想把一个函数传递给我的a标签链接的href属性，但无论我尝试什么都不起作用。它要么导致404页面，要么根本无法点击。我做错了什么？

这个是不可点击的

<body>
<a id="specialLink" href="#" onClick="redirectToApp()">点击我</a>
<script>
document.getElementById('specialLink').href = redirectToApp();
function redirectToApp () {
    return "http://www.google.com";
} 
</script>
</body>

这个是不可点击的

<body>
<a href="#" onClick="document.location.href=redirectToApp()">点击我</a>
<script>
function redirectToApp () {
    return "http://www.google.com";
} 
</script>
</body>

这个导致了一个404页面

<body>
<a href="javascript:document.location.href=redirectToApp();">点击我</a>
<script>
function redirectToApp () {
    return "http://www.google.com";
} 
</script>
</body>

我可能还应该说明一下，我是通过电子邮件发送这个HTML，链接应该在其中打开，除非我只是将URL作为字符串传递给href，否则什么都不起作用。

P粉571233520
P粉571233520

全部回复(1)
P粉788571316
P粉7885713162023-09-23 00:45:10 1 楼

你可以尝试这样做：

const anchor = document.getElementById('specialLink')
anchor.addEventListener((e) => {
    e.preventDefault()
    window.open("https://google.com");

})

并且移除锚点标签上的 onClick 属性

点赞 +0
添加回复
热门专题
更多>
热门文章
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！