美文网首页
H5学习笔记

H5学习笔记

作者: coco猫 | 来源:发表于2018-01-21 21:30 被阅读31次

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

(未完待续 。。。)

相关文章

  • H5学习笔记

    H5学习笔记

  • h5学习总结

    webview文章 【1】webview的使用总结 h5的学习笔记 【2】

  • iOS原生App与H5页面交互笔记

    iOS原生App与H5页面交互笔记 iOS原生App与H5页面交互笔记

  • 响应式开发学习笔记

    前端学习笔记 响应式H5 在头部添加 拓展阅读:https://blog.csdn.net/u012402190/...

  • H5学习笔记

    1.html5 与 html4的区别 ​ 如果文档第一行为 说明该页面使用的是h...

  • H5学习笔记

    1.多玩网切换标签时标题切换 document.hidden:表示页面是否隐藏的布尔值。页面隐藏包括 页面在后台标...

  • H5学习笔记

    HTML有N多标签,根据显示的类型,主要可以分为3大类 块级标签独占一行的标签能随时设置宽度和高度(比如div、p...

  • H5学习笔记

    CSS clear 属性 指定段落的左侧或右侧不允许浮动的元素: 属性值 js 定时器 js 定时器有以下两个方法...

  • H5学习笔记

    HTML-HyperTextMarkupLanguage 1. p 和 br p是定义段落,行间距比较大 (par...

  • h5学习笔记-form

    form属性 from属性可以让表单元素写在表单外边,也就是说表单属性可以绑定表单 formaction form...

网友评论

      本文标题:H5学习笔记

      本文链接:https://www.haomeiwen.com/subject/lawqaxtx.html