美文网首页
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学习笔记

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