从品牌网站建设到网络营销策划,从策略到执行的一站式服务
本篇内容介绍了“怎么检测浏览器是否支持WebWorker”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
创新互联技术团队10多年来致力于为客户提供成都做网站、网站设计、外贸营销网站建设、品牌网站建设、营销型网站建设、搜索引擎SEO优化等服务。经过多年发展,公司拥有经验丰富的技术团队,先后服务、推广了上1000+网站,包括各类中小企业、企事单位、高校等机构单位。
检测浏览器是否支持WebWorker
在创建webworker之前,请检测用户的浏览器是否支持它:
if(typeof(Worker)!=="undefined")
{
// 是的! Web worker 支持!
// 一些代码.....
}
else
{
//抱歉! Web Worker 不支持
}
创建webworker文件
现在,让我们在一个外部JavaScript中创建我们的webworker。
在这里,我们创建了计数脚本。该脚本存储于"demo_workers.js"文件中:
var i=0;
function timedCount()
{
i=i+1;
postMessage(i);
setTimeout("timedCount()",500);
}
timedCount();
以上代码中重要的部分是postMessage()方法-它用于向HTML页面传回一段消息。
注意:webworker通常不用于如此简单的脚本,而是用于更耗费CPU资源的任务。
创建WebWorker对象
我们已经有了webworker文件,现在我们需要从HTML页面调用它。
下面的代码检测是否存在worker,如果不存在,-它会创建一个新的webworker对象,然后运行"demo_workers.js"中的代码:
if(typeof(w)=="undefined")
{
w=new Worker("demo_workers.js");
}
然后我们就可以从webworker发生和接收消息了。
向webworker添加一个"onmessage"事件监听器:
w.onmessage=function(event){
document.getElementById("result").innerHTML=event.data;
};
终止WebWorker
当我们创建webworker对象后,它会继续监听消息(即使在外部脚本完成之后)直到其被终止为止。
如需终止webworker,并释放浏览器/计算机资源,请使用terminate()方法:
w.terminate();
WebWorkers和DOM
由于webworker位于外部文件中,它们无法访问下列JavaScript对象:
window对象
document对象
parent对象
“怎么检测浏览器是否支持WebWorker”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!
咨询相关问题或预约面谈,可以通过以下方式与我们联系
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询400-028-6601
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图