静态网页如何加js

在网页开辟中，经常会碰到在静态的网页上添加js代码的环境，这里一路切磋下，经由过程一个实例，展示如何在静态的页面增添js代码：判定用户是否在浏览当前页面

工具/原料

• 浏览器
• javascript

方式/步骤

1. 1

   第一步

   判定当前用户在浏览页面处于激活状况本家儿如果经由过程javascript来判定，经由过程onblur/onfocus来判定

   首选建立一个html

   
2. 2

   第二步

   在html 页面中增添javascript代码，监听浏览器有onfocus 、onblur事务，触发这两个事务前，需要这个页面被onfocus

   
3. 3

   第三步

   用户正常打开页面是不会监听onfocus onblur事务的

   
4. 4

   第四步

   在一些场景中才能触发oblur事务，浏览器切换页面的时辰、页面有弹出提醒框的时辰，正常浏览页面时辰切换到其他应用的时辰

   
5. 5

   第五步

   document中有hidden属性，可以潘丹页面是否显示的是当前页面， visibilityChange事务是触发页面的可见事务

   

注重事项

• 点赞，若是这篇经验对您有帮忙，请帮手点击下面的投票，祝您事事顺遂！