Bagaimana untuk menghantar fungsi kepada href yang dibuat secara dinamik?
P粉571233520
P粉571233520 2023-09-22 09:37:55
0
1
1072

Saya ingin menghantar fungsi kepada atribut href pautan teg saya, tetapi tidak kira apa yang saya cuba, ia tidak berkesan. Ia sama ada menghasilkan halaman 404 atau tidak boleh diklik. Apa yang saya buat salah?

Ini tidak boleh diklik

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

Ini tidak boleh diklik

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

Ini menghasilkan 404 halaman

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

Saya mungkin juga perlu menjelaskan bahawa saya menghantar e-mel kepada HTML ini di mana pautan harus dibuka, dan melainkan saya hanya menghantar URL sebagai rentetan ke href, tiada apa-apa yang berfungsi.

P粉571233520
P粉571233520

membalas semua(1)
P粉788571316

Boleh cuba ini:

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

})

Dan keluarkan atribut onClick pada tag anchor

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan