HTML 5のWeb Workers
1定義
HTMLページでスクリプトを実行すると、スクリプトが完了するまでページの状態は応答できません.
web workerはバックグラウンドで実行されるJavaScriptで、他のスクリプトとは独立してページのパフォーマンスに影響しません.Web workerがバックグラウンドで実行されると、クリック、コンテンツの選択など、やりたいことを続けることができます.
2ブラウザのサポート
すべての主流ブラウザはインターネットExplorerを除いてweb workerをサポートしています.
3.使用手順
Web Workerサポートの検出----Web workerファイルの作成----Web Workerオブジェクトの作成----Web Workerの終了
4.実例分析
ブラウザの内部にカウンタを作成し、ページのパフォーマンスを影にしません.
5.注意点
Web workerは外部ファイルにあるため、次のJavaScriptオブジェクトにアクセスできません.
Windowsオブジェクトdocumentオブジェクトparentオブジェクト
HTMLページでスクリプトを実行すると、スクリプトが完了するまでページの状態は応答できません.
web workerはバックグラウンドで実行されるJavaScriptで、他のスクリプトとは独立してページのパフォーマンスに影響しません.Web workerがバックグラウンドで実行されると、クリック、コンテンツの選択など、やりたいことを続けることができます.
2ブラウザのサポート
すべての主流ブラウザはインターネットExplorerを除いてweb workerをサポートしています.
3.使用手順
Web Workerサポートの検出----Web workerファイルの作成----Web Workerオブジェクトの作成----Web Workerの終了
4.実例分析
ブラウザの内部にカウンタを作成し、ページのパフォーマンスを影にしません.
<span style="font-size:18px;"><strong><!DOCTYPE html>
<html>
<body>
<p>Count numbers: <output id="result"></output></p>
<button onclick="startWorker()">Start Worker</button>
<button onclick="stopWorker()">Stop Worker</button>
<br /><br />
<script>
var w;
function startWorker()
{
if(typeof(Worker)!=="undefined")//</strong></span> <span style="font-size:18px;"><strong>
{
if(typeof(w)=="undefined")
{
w=new Worker("demo_workers.js");//</strong></span> web work,js new <span style="font-size:18px;"><strong>
}
w.onmessage = function (event) {
document.getElementById("result").innerHTML=event.data;//</strong></span> web worker "onmessage" ：<span style="font-size:18px;"><strong>
};
}
else
{
document.getElementById("result").innerHTML="Sorry, your browser
does not support Web Workers...";
}
}
function stopWorker()
{
w.terminate();//</strong></span> <span style="font-size:18px;"><strong>
}
</script>
</body>
</html></strong></span>5.注意点
Web workerは外部ファイルにあるため、次のJavaScriptオブジェクトにアクセスできません.
Windowsオブジェクトdocumentオブジェクトparentオブジェクト