使用链接到锚时执行Javascript

时间:2012-03-08 20:28:28

标签: javascript html

如果使用指向锚点的链接,我该如何执行Javascript函数?

我有这个锚:

<a id="localizacao" onClick="toogleShow('local')">Click here to show hidden content</a>

用户可以点击此主播以显示隐藏的内容,但我想在用户点击另一个页面中的此链接时自动显示内容:

<a href="info.html#localizacao"><img src="dcc.png" alt="Localização" title="Localização"></a>

3 个答案:

答案 0 :(得分:2)

您可以使用window.onhashchangeMDN

window.onload = checkHash;       // page load
window.onhashchange = checkHash; // local click

function checkHash () {  
    if (location.hash === '#localizacao') {  
        toogleShow('local'); // <-- do stuff here  
    }  
}

答案 1 :(得分:2)

if ( location.hash === "#localizacao" ) {
    // Do stuff!
}

答案 2 :(得分:1)

您可以在页面加载时为该锚添加一个javascript URL检查。

仅浏览器/ HTML只会将该锚点放入视图中。如果您希望javascript对其执行操作,请检查URL。没关系,@ paislee的回答更短,更甜蜜。