webフロントエンドの実験2:JSを利用してウェブページのソースコードを保護します.
1337 ワード
実験目的:ウェブページのソースコードを保護する.
実験用途:
直接コード:
説明:Webローディング時にclear関数を実行します.機能はbodyの内容を変更するため、innerHTMLは属性です.オブジェクトの先頭から終了位置までの全ての内容はHtmlタグを含みます.
例えば:
<div id=「test」> test 1test 2
JSで使用できます.
test.inners HTML:
つまり、オブジェクトの開始位置から終了位置までの全ての内容にHtmlタグが含まれています.
上の例のtest.inners HTMLの値は、つまり「span style="test 1"/span"test 2」です.
test.inner Text:
開始位置から終了位置までの内容ですが、Htmlタグは削除されます.
上記の例のtext.innertTestの値は「test 1 test 2」であり、spanタグが削除されている.
test.outerHTML:
innerHTMLのすべての内容を含むほか、対象ラベル自体も含まれています.
上の例のtext.outerHTMLの値は、すなわち<div id=“test”<span style=“カラー:red”>test 1test 2です.
短所:
実行中にjsコードのロードが許可されていない場合は、まだページのソースコードが表示されます.道高一尺、魔高一丈、ソースコードを保護したいです.以上の方法は参考だけです.
実験用途:
直接コード:
<html>
<head>
<title> </title>
<script>
function clear()
{
Source=document.body.innerHTML; //
document.open(); //
document.write(" ");//
document.close(); //
document.title=" "; //
document.body.innerHTML=Source; //
}
</script>
</head>
<body onload=clear()>
<marquee> </marquee>
</body>
</html>
説明:Webローディング時にclear関数を実行します.機能はbodyの内容を変更するため、innerHTMLは属性です.オブジェクトの先頭から終了位置までの全ての内容はHtmlタグを含みます.
例えば:
<div id=「test」> test 1test 2
JSで使用できます.
test.inners HTML:
つまり、オブジェクトの開始位置から終了位置までの全ての内容にHtmlタグが含まれています.
上の例のtest.inners HTMLの値は、つまり「span style="test 1"/span"test 2」です.
test.inner Text:
開始位置から終了位置までの内容ですが、Htmlタグは削除されます.
上記の例のtext.innertTestの値は「test 1 test 2」であり、spanタグが削除されている.
test.outerHTML:
innerHTMLのすべての内容を含むほか、対象ラベル自体も含まれています.
上の例のtext.outerHTMLの値は、すなわち<div id=“test”<span style=“カラー:red”>test 1test 2です.
短所:
実行中にjsコードのロードが許可されていない場合は、まだページのソースコードが表示されます.道高一尺、魔高一丈、ソースコードを保護したいです.以上の方法は参考だけです.