JavaScriptノートのリンクでユーザーをリダイレクトします.

2349 ワード

JavaScript html 機能ブラウザ redirect フィーチャー

ユーザがJavaScript機能を開いているかどうかによって、シームレスにユーザをリダイレクトし、すなわちユーザを別のページに転送することができる.この例のプレゼンテーションは、リンクにリダイレクト機能を埋め込む方法です.以下は2つのHTMLページと1つのJavaScriptファイルを使います.
最初のHTMLページは接続をユーザに表示します.
test.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>	
<title>Welcome to our site</title>
	<script type="text/javascript" src="script01.js">
</script>
</head>
<body bgcolor="#FFFFFF">
	<h2 align="center">
	<a href="script01.html" id="redirect">Welcome to our site... c'mon in!</a>
	</h2>
</body>
</html>

第二のHTMLページは、ユーザがJavaScript機能を有効にした場合、ユーザがHTMLページにリダイレクトされます.
jswelcome.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Our site</title>
</head>
<body bgcolor="#FFFFFF">
	<h1>Welcome to our web site, which features lots of cutting-edge JavaScript</h1>
</body>
</html>

script 01.js

window.onload = initAll;

function initAll() {
	document.getElementById("redirect").onclick = initRedirect;
}

function initRedirect() {
	window.location = "jswelcome.html";
	return false;
}

スクリプト01.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>My JavaScript page</title>
</head>
<body bgcolor="#FFFFFF">
<noscript>
	<h2>This page requires JavaScript.</h2>
</noscript>
</body>
</html>

ユーザーが「test.html」を開く時、彼らがjavascript機能を開いたかどうかによって、script 01.またはjswelcome.の2つのページの一つに連れられます.
jsファイルの中の

function initRedirect() {
	window.location = "jswelcome.html";
	return false;
}

この関数を呼び出すと、window.location(ブラウザに表示されているページ)を新しいページに設定します.return falseはユーザーにクリックする処理を停止することを表しています.このようにしてhrefページで指定されたページをロードすることはできません.このように最もクールなのは、リダイレクトが完了したことで、ユーザーはページにリダイレクトが発生したことを全く意識しません.(源『JavaScript基礎教程』)

JavaScriptは二つの配列の内容が同じかどうかを比較します.