ホームページ > 記事 > ウェブフロントエンド > [HTML] HTML ページにジャンプする 5 つの方法
[HTML] HTML ページにジャンプする 5 つの方法
- 高洛峰オリジナル
- 2017-02-16 14:44:452657ブラウズ
ディレクトリ構造:
コンテンツ構造[-]
html実装
javascript実装
と相互JavaScript実装(IE)
解決策 問題Firefox が innerText をサポートしていないこと
相互の JavaScript 実装と組み合わせた (IE、Firefox)
参考記事
これらの例を詳しく説明するために、以下に 5 つの例を示します主な機能は次のとおりです。5 秒後に、同じディレクトリ内の hello.html ファイルに自動的にジャンプします (必要に応じて変更します)。
1) htmlの実装
<head> <!-- 以下方式只是刷新不跳转到其他页面 --> <meta http-equiv="refresh" content="10"> <!-- 以下方式定时转到其他页面 --> <meta http-equiv="refresh" content="5;url=hello.html"> </head>
利点: シンプル
欠点: Struts Tilesでは使用できません
2) JavaScriptの実装
57916d668bd9fde2bda8a8d63055ad35
// 以下方式直接跳转window.location.href='hello.html';// 以下方式定时跳转setTimeout("javascript:location.href='hello.html'", 5000);
2cacc6d41bbb37262a98f745aa00fbf0
利点: 柔軟性があり、より多くの他の機能と組み合わせることができます
短所: 異なるブラウザの影響を受けます
3) JavaScript 相互実装 (IE) と組み合わせる
7b27906f4f08ef4a2c36759443f86ada554bdf357c58b8a65c66d7c19c8e4d114 57916d668bd9fde2bda8a8d63055ad35 second ="redirect()", 1000=--(second<0) location.href='hello.html'2cacc6d41bbb37262a98f745aa00fbf0
長所: より人間的
欠点: firefox はサポートしていません (firefox は、span、p などの innerText 属性をサポートしていません)
3') と相互 JavaScript 実装 (firefox) の組み合わせ
57916d668bd9fde2bda8a8d63055ad35
var second = document.getElementById('totalSecond').textContent;
setInterval("redirect()", 1000);
function redirect()
{
document.getElementById('totalSecond').textContent = --second;
if (second < 0) location.href = 'hello.html';
}
2cacc6d41bbb37262a98f745aa00fbf0
4) FirefoxがinnerTextをサポートしていない問題を解決
7b27906f4f08ef4a2c36759443f86ada554bdf357c58b8a65c66d7c19c8e4d11457916d668bd9fde2bda8a8d63055ad35 if(navigator.appName.indexOf("Explorer") > -1){
document.getElementById('totalSecond').innerText = "my text innerText";
} else{
document.getElementById('totalSecond').textContent = "my text textContent";
}
2cacc6d41bbb37262a98f745aa00fbf0
5) reciprocalのJavaScript実装と組み合わせる(IE、Firefox)
7b27906f4f08ef4a2c36759443f86ada554bdf357c58b8a65c66d7c19c8e4d114
57916d668bd9fde2bda8a8d63055ad35 var second = document.getElementById('totalSecond').textContent;
if (navigator.appName.indexOf("Explorer") > -1) {
second = document.getElementById('totalSecond').innerText;
} else {
second = document.getElementById('totalSecond').textContent;
}
setInterval("redirect()", 1000);
function redirect() {
if (second 8207cfcd3817cc3a3cfbc225f03e6e03 -1) {
document.getElementById('totalSecond').innerText = second--;
} else {
document.getElementById('totalSecond').textContent = second--;
}
}
}
2cacc6d41bbb37262a98f745aa00fbf0
もっと見るHTML】HTML ページ 5 つのジャンプ方法の関連記事は、PHP 中国語 Web サイトに注目してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。