2012-03-08 12 views
2

アンカーへのリンクが使用されている場合、どのようにJavascript機能を実行できますか?アンカーへのリンクが使用されているときに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> 
+0

ページが読み込まれたら、URLハッシュを探します。 URLハッシュがある場合は、そのIDを持つ要素を見つけてクリックします。 – Blender

+0

可能な複製[特定のアンカーが選択されたときにjavascriptを実行させることはできますか?](http://stackoverflow.com/questions/2535605/is-it-possible-to-trigger-a-javascript-to -run-when-an-specific-anchor-is-select) –

答えて

2

あなたが広告window.onhashchangeMDN

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

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

ページが読み込まれると、そのイベントがトリガーされますか? OPは、すでに別のページからのハッシュを含むリンクをクリックすることを話しているからです。 – bfavaretto

+0

[spec](http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-hashchange)はテストされていませんが、テストされていません。更新しました。 – paislee

1

を可能性があり使用することができますd javascriptのURLページが読み込まれたときにそのアンカーが起動するのを確認します。

ブラウザ/ HTMLだけでは、アンカーが表示されます。 javascriptを動作させたい場合は、URLを確認してください。気にしない、@パイスリーの答えは短くて甘い。

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