javascript - URLにアンカーが含まれている場合にjs関数を呼び出す方法

Question

私はexample.comというサイトを持っています。このページ example.com/#login にアクセスすると、js アラート関数を呼び出したいと思います。これどうやってするの？

Answer 1

// example.com/#login
if (window.location.hash) {
    alert("URL has hash");
    var hash = window.location.hash; // = "#login"
    callMyFunction();
}

Answer 2

URL を処理するための優れたクロスブラウザー ライブラリが必要な場合は、History.js を調べます。

https://github.com/browserstate/History.js/

History.Adapter.bind(window,'statechange',function(){ 
    // Note: We are using statechange instead of popstate
    var State = History.getState(); 
    // Note: We are using History.getState() instead of event.state
    History.log(State.data, State.title, State.url);
});

また、Backbone.js もあります。これは MV* フレームワークであるため、必要以上のものになる可能性がありますが、Router の概念も役立ちます。

http://backbonejs.org/#Router

Answer 3

window.location.hashURLにハッシュがあるかどうかを確認するために、偽の値ではないかどうかを確認できると思います。

例えば：

function someAlert(message) {
    // This would be your alert function. This is just for example
    alert(message);
}
// The "if the URL has a hash":
if (window.location.hash) {
    someAlert("Hello URL with a hash visitor!"); // "Hello URL with a hash visitor!" can be whatever you want
}

ハッシュを含めて後のものを保存する場合は、次を使用します。

var hash = window.location.hash; // hash would be "#login" if the URL was http://example.com/#login

Answer 4

#login の URL を確認できます。存在する場合は、関数を呼び出します。 http://www.webmasterworld.com/forum91/216.htm

jQuery とこのアプローチをお勧めします: http://jquery-howto.blogspot.co.uk/2009/09/get-url-parameters-values-with-jquery.html