欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
现在,我们已经创建了Web Worker文件。在本节中,我们将从一个HTML文档启动Web Worker,该HTML文档在后台运行名为“ worker.js”的文件中的代码,并在网页上逐步显示结果。让我们看看它是如何工作的:
 
例试试这个代码»
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Using Web Worker</title>
<script>
    if(window.Worker) {
        // Create a new web worker
        var worker = new Worker("worker.js");
        
        // Fire onMessage event handler
        worker.onmessage = function(event) {
            document.getElementById("result").innerHTML = event.data;
        };
    } else {
        alert("Sorry, your browser do not support web worker.");
    }
</script>
</head>
<body>
    <div id="result">
        <!--Received messages will be inserted here-->
    </div>
</body>
</html>

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h60995.shtml