H5学习笔记

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://图片的目录”>

(未完待续 。。。)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.html5 与 html4的区别 ​ 如果文档第一行为<!DOCTYPE html> 说明该页面使用的是h...
    junjunxx阅读 327评论 0 0
  • 表单和框架 1.表单标记 标签:用于在网页中为浏览者提供一个输入信息的界面,主要用于采集和提交用户输入的信息,以便...
    学到老就活到老阅读 199评论 0 0
  • HTML有N多标签,根据显示的类型,主要可以分为3大类 块级标签独占一行的标签能随时设置宽度和高度(比如div、p...
    Young_Blood阅读 455评论 0 1
  • 一.列表 1.无序列表( Unordered List) ... 点 ●默认为点 ... 空心圆 ○ ...
    学到老就活到老阅读 259评论 0 0
  • 需求: 五张尺寸为700*400的图片 实现自动轮播 时间三秒 显示轮播指示索引 点击索引显示对应图片 增加左右...
    红姑娘阅读 3,757评论 0 2