ホームページ  >  記事  >  ウェブフロントエンド  >  URLフラグメントの変更を監視するjsコード_javascriptスキル

URLフラグメントの変更を監視するjsコード_javascriptスキル

WBOY
WBOYオリジナル
2016-05-16 18:29:121254ブラウズ

もちろん、ページを更新しないのが最善ですが、ブラウザのリンクをコピーしておけば、次回ブロードキャストするビデオを見つけられると期待されます。方法は非常に簡単で、URLの一部を変更するだけです。

フラグメントの変更の監視は、このタイプのプログラミングの中核です。主流のブラウザ (IE Firefox) には、フラグメントの変更を監視する onhashchange イベントがあります。
しかし、彼らの行動にはいくつかの違いがあります。 IE8 より前のバージョンの IE では、window.location オブジェクトが急速に変更されると、onhashchange がトリガーされません。これは非常に奇妙なバグです。

以下に書いた onhashchange イベントにはブラウザーの違いはありません。ページの初期化時に、URL にフラグメントがある場合、
onhashchange イベントもトリガーされる機能が追加されました。

コードをコピー コードは次のとおりです。

function addFragmentChangeEvent(callback)
{
var ソース = document.URL;
var url = source.split("#")[0];
if (window.location.hash)
{
var base_hash = " #____base____hash____";//ページの初期化時にイベント関数がトリガーされるようにハッシュを変更します。
window.location = urlbase_hash;
}
var prevHash = window.location.hash;
window.setInterval(
function()
{
if (window. location.hash != prevHash)
{
prevHash = window.location.hash;
}
},
if (window.location); .hash)
{
window.location = source;
}
}

実際、この手法はイベントの効果をシミュレートするために js でよく使用されます。 。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。