js 创建多线程的方法 Worker

JavaScript018

js 创建多线程的方法 Worker,第1张

Worker 支持主流的浏览器 IE10 以下不支持

a.js 内容

var i =0

setInterval((function () {

postMessage(i++)

}),1000)

使用 postMessage 向主线程 传送消息

var worker =new Worker('a.js') // 写入需要引入的 js

console.log(worker)

worker.onmessage =function () {

console.log(event.data)

}

//用于关闭worker线程 

 worker.terminate()

// 创建p节点

var para=document.createElement("p")

// 创建文本节点

var node=document.createTextNode("这是新段落。")

// 把文本节点添加到p节点里

para.appendChild(node)

// 查找div1

var element=document.getElementById("div1")

// 把p节点添加到div1里

element.appendChild(para)

// 最终html结构

// <div id="div1">

// <p id="p1">这是一个段落。</p>

// <p id="p2">这是另一个段落。</p>

// <p>这是新段落。</p>

// </div> // 你测试的代码

// 创建文本节点

var node=document.createTextNode("这是新段落。")

// 查找div1

var element=document.getElementById("div1")

// 把文本节点添加到div1里

element.appendChild(node)

// 最终html结构

// <div id="div1">

// <p id="p1">这是一个段落。</p>

// <p id="p2">这是另一个段落。</p>

// 这是新段落。

// </div>