webフロントエンドの実験2:JSを利用してウェブページのソースコードを保護します.

1337 ワード

実験目的:ウェブページのソースコードを保護する.
実験用途:
 
直接コード:
<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コードのロードが許可されていない場合は、まだページのソースコードが表示されます.道高一尺、魔高一丈、ソースコードを保護したいです.以上の方法は参考だけです.