H5学习笔记
2018-01-21 本文已影响31人
coco猫
1.多玩网切换标签时标题切换
document.hidden：表示页面是否隐藏的布尔值。页面隐藏包括 页面在后台标签页中 或者 浏览器最小化 （注意，页面被其他软件遮盖并不算隐藏，比如打开的 sublime 遮住了浏览器）。
document.visibilityState：表示下面 4 个可能状态的值
hidden：页面在后台标签页中或者浏览器最小化
visible：页面在前台标签页中
prerender：页面在屏幕外执行预渲染处理 document.hidden 的值为 true
unloaded：页面正在从内存中卸载
Visibilitychange事件：当文档从可见变为不可见或者从不可见变为可见时，会触发该事件。
<script type="text/javascript">
document.addEventListener('visibilitychange',function(){
var isHidden = document.hidden;
if(isHidden){
document.title ="快点回来吧，主人";
} else{
document.title = "见到主人好开心啊!";
}
})
</script>
2.在浏览器地址栏前加小图标
首先需要制作一个16*16的图标，在网上看说是要.ico格式的，我自己试了一下其实.png格式的也可以，其他的暂时还没有试过。
然后<head></head>”之间添加如下代码：<link Rel=”NAME” href=”http://图片的目录”>
(未完待续 。。。)
