html:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>web works 日志文件输出</title> <script> var worker = new Worker("worker-hello.js"); worker.onmessage = function (e) { if (e.data.type == "log") { console.log(e.data.msg); } } function sendMsg() { var username = document.getElementById("username").value; worker.postMessage(username); } </script> </head> <body> <h2>importScripts使用</h2> 请输入用户名 <input type="text" id="username"> <button onclick="sendMsg()">登陆</button> </body> </html>
worker-hello.js:
importScripts("worker-log.js")
//接收信息
onmessage = function (e) {
log("Worker收到了信息" + e.data);
}
worker-log.js:
function log(msg) { //输出日志 postMessage({ type: "log", msg: msg }); }