JavaScriptの有効を促す
NOSCRIPTタグを使用して、その中でJavaScriptの有効を促すメッセージを表示。
<![CDATA[
<html>
<head>
<title>sample</title>
<NOSCRIPT>JavaScripをONにしてください。<br></NOSCRIPT>
</head>
]]>
クッキーの有効を促す
NavigatorオブジェクトのcookieEnabledプロパティを参照。
<![CDATA[
if(!navigator.cookieEnabled){
alert("このページを利用するにはクッキーを利用可能にして下さい");
}
else{
document.write("cookieは有効です。");
}
]]>
右クリックの禁止
画像上で右クリックするとalertが出て、右クリックが出来ないようになっています。
cancelBubbleプロパティをtrueに設定すると、親オブジェクトにイベントが伝達するのを防ぎます。
<![CDATA[
function blockEvents(evt) {
evt = (evt) ? evt : event;
var elem = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
// イベント要素はimgタグか？
if (elem && elem.tagName && elem.tagName.toLowerCase() == "img") {
if (evt.cancelBubble) {
// 親オブジェクトにイベントを伝達しない
evt.cancelBubble = true;
}
alert("右クリックは使えません。");
return false;
}
}
document.oncontextmenu = blockEvents;
]]>
１文字ずつ表示
<![CDATA[
myMessage = "ご訪問ありがとうございます。";
i = 0;
function Start(){
if (i<=myMessage.length) {
document.myForm.typewrite.value = myMessage.substring(0, i);
setTimeout('Start()',100);
i++;
} else {
i=0;
setTimeout('Start()',5000);
}
}
]]>
<![CDATA[
<form name="myForm">
<input name="typewrite" type="text" size="40">
</form>
]]>
戻れないページ
Historyオブジェクトのreplace()メソッドは現在表示中のページを、履歴を残さずに別のページに置き換えることができます。
以下のサンプルは、中間のページに移動するのにocation.replace()を使っています。
これにより、最後のページで戻るボタンをクリックすると、最初のページが表示されます。
最初のページ
<![CDATA[
開始ページ
<form action="#">
<input type="button" value="開始" onclick="location.href='replace-2.html'" />
</form>]]>
２番目のページ
<![CDATA[
遷移ページ１（戻れないページ）
<form action="#">
<input type="button" value="次へ" onclick="location.replace('replace-3.html')" />
</form>
]]>
3番目のページ
<![CDATA[
遷移ページ2（戻れないページ）
<form action="#">
<input type="button" value="次へ" onclick="location.replace('replace-4.html')" />
</form>
]]>
最後のページ
<![CDATA[
最終ページ
<form action="#">
<input type="button" value="戻る" onclick="history.back()" />
</form>
]]>
