Je souhaite transmettre une fonction à l'attribut href de mon lien de balise a, mais peu importe ce que j'essaye, cela ne fonctionne pas. Soit cela aboutit à une page 404, soit il est simplement impossible de cliquer. Qu'ai-je fait de mal?
Ceci n'est pas cliquable
<body>
<a id="specialLink" href="#" onClick="redirectToApp()">点击我</a>
<script>
document.getElementById('specialLink').href = redirectToApp();
function redirectToApp () {
return "http://www.google.com";
}
</script>
</body>
Ceci n'est pas cliquable
<body>
<a href="#" onClick="document.location.href=redirectToApp()">点击我</a>
<script>
function redirectToApp () {
return "http://www.google.com";
}
</script>
</body>
Cela a abouti à une page 404
<body>
<a href="javascript:document.location.href=redirectToApp();">点击我</a>
<script>
function redirectToApp () {
return "http://www.google.com";
}
</script>
</body>
Je devrais probablement aussi préciser que j'envoie ce code HTML à l'endroit où le lien devrait s'ouvrir, et à moins que je ne transmette simplement l'URL sous forme de chaîne au href, rien ne fonctionne.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vous pouvez essayer ceci :
const anchor = document.getElementById('specialLink') anchor.addEventListener((e) => { e.preventDefault() window.open("https://google.com"); })Et supprimez l'attribut
onClicksur la balise d'ancrage