8月13号=》396页-400页

14.11  HTML5新增的浏览器分析

    HTML5为Window对象新增了performance属性,也就是新增了一个全局可用的performance对象-就像document、navigator

    等对象一样,通过该对象可以对浏览器进行相关分析。

14.11.1  分析时间性能

    performance对象包含了一个timing属性,该属性是一个PerformanceTiming对象,该对象提供了如下属性。

      navigationStart:该属性返回浏览器成功卸载前一个文档的时间。如果不存在前一个文档,该属性的返回值与fetchStart属性

              返回的时间相同

      unloadEventStart:该属性返回浏览器开始卸载前一个文档的时间。如果不存在前一个文档,该属性返回0。

      unloadEventEnd:该属性返回浏览器卸载前一个文档的时间。如果不存在前一个文档,该属性返回0。

      redirectStart:该属性返回浏览器开始重定向的时间。

      redirectEnd:该属性返回浏览器重定向结束时的时间。

      fatchStart:该属性返回浏览器开始获取该资源的时间。

      domainLookupStart:该属性返回浏览器开始查找当前文档所在域名的时间。

      domainLookupEnd:该属性返回浏览器查找当前文档所在域名结束时的时间。

      connectStart:该属性返回浏览器与远程服务器开始建立连接时的时间。

      connectEnd:该属性返回浏览器与远程服务器建立连接完成时的时间。

      requestStart:该属性返回浏览器开始向远程服务器请求该文档时的时间。

      responseStart:该属性返回浏览器接收到远程服务器返回的当前文档第一个字节时的时间。

      responseEnd:该属性返回浏览器接收完远程服务器返回的当前文档所有字节时的时间。

      loadEventStart:该属性返回当前文档的onload事件监听器被处罚时的时间。如果该事件监听器没有被触发过,则该属性返回0。

      loadEventEnd:该属性返回当前文档的onload事件监听器响应完成时的时间。如果该事件监听器没有被触发过,则该属性返回0。

14.11.2  分析导航行为

    performance对象除了包括timing属性之外,还包括一个navigation属性,该属性是一个PerformanceNavigation对象。

    该对象包括如下两个属性。

      type:该属性返回进入该页面的方式。该属性可能返回如下属性值。

        TYPE_NAVIGATE(数值0):代表正常进入到该页面。比如通过超链接、直接输入页面URL、提交表单等方式进入该页面。

        TYPE_RELOAD(数值1):代表通过“重新加载”的方式进入该页面。比如用户单击了浏览器的“刷新”按钮,或者在JavaScript中

                     调用location.reload();重新加载该页面。

        TYPE_BACK_FORWARD(数值2):通过“前进”的方式进入该页面。比如用户通过单击浏览器的“前进”按钮进入该页面。

        TYPE_RESERVED(数值255):如果不是上面几种情况,将会返回该属性值。

      redirectCount:该属性返回重定向的次数。

    type属性代码示范:

      switch(performance.navigation.type)

      {

        case 0:

            alert("正常导航到该页面!");

            break;

        case 1:

            alert("用户重新加载该页面!");

            break;

        case 2:

            alert("用户前进到该页面!");

            break;

        default:

            alert("其他方法进入该页面!");

            break;

      }

15.1.1  绑定HTML元素属性

    JavaScript脚本通常通过绑定元素属性来触发脚本函数。

    代码示范:

      //脚本代码

      <script>

        function test()

        {

          alert("绑定元素测试");

        }

      </script>

      //html代码

      <button onclick="test()">测试</button>

    点击测试按钮时将会弹出对话框“绑定元素测试”。

8月13号=》396页-400页,布布扣,bubuko.com

时间: 2024-10-26 13:28:31

8月13号=》396页-400页的相关文章

6月13号=》131页-135页

6.3 CSS选择器 6.3.1 元素选择器 代码示范: 元素名{ 定义对该元素起作用的CSS样式 } 6.3.2 属性选择器 E{....}:指定该css样式对所有E元素起作用. E[attr]{...}:指定该css样式对具有attr属性的E元素起作用. E[attr=value]{...}:指定该css样式对所有包含attr属性,且attr属性为value的E元素起作用. E[attr~=value]{...}:指定该css样式对所有包含attr属性,且attr属性的值为以空格隔开的系列值

5月29号=》第41页-第45页

2.4 HTML5头部和元信息 <script>:该元素用于包含JavaScript脚本. <style>:该元素用于定义内部CSS样式. <link>:该元素用于链接外部CSS样式等资源. <title>:该元素用于定义文档标题. <base>:该元素用于指定该页面中所有链接的基准链接. 该元素属性如下: href:指定所有链接的基准链接. target:指定超链接默认在哪个窗口打开=>(_blank._parent._self._top

5月27号=》第30页-第35页

2.18 框架相关元素 HTML5删除了<frameset>.<frame>.<noframes>这三个标签 保留了<iframe>元素 2.2 HTML5新增的通用属性 2.2.1 contenEditable:该属性为true时可在页面直接对该标签进行编辑    用户编辑完后,内容会直接显示在该页面中(一旦  刷新页面就会重新加载,编辑的内容会丢失),开发  者可以通过该元素的innerHTML属性来获取编辑后    的内容   该属性具有"可

香蕉派(banana pi )2015年10月 13 号至10月16号参加香港贸发局香港秋季电子

香蕉派(banana pi )将于2015年10月 13 号至10月16号参加香港贸发局香港秋季电子产品展, 欢迎各位前来参观指导 展会名称:香港贸发局香港秋季电子产品展2015时间: 2015年10月13号--10月16号 展台编号:3C-A38地址: 香港湾仔博览道1号香港会议展览中心 期待您的到来!!

《python3自动化接口+selenium》10月13号开学!(2个月2000,包教会)

<python3自动化接口+selenium>10月13号开学!(2个月2000,包教会) 主讲老师:上海-悠悠 上课方式:QQ群视频在线教学 报名费2000一人(周期2个月) 联系QQ:283340479 个人成就: 1.个人博客,百度直接搜索:上海-悠悠博客 2.个人原创微信公众号:yoyoketang 3.已经在百度阅读上线的书,百度搜索:百度阅读,再搜索书名: <selenium webdriver基于源码案例>-作者:七月份的尾巴_葵花&上海-悠悠 <pyt

2019第一期《python测试开发》课程,10月13号开学

2019第一期<python测试开发>课程,10月13号开学! 主讲老师:上海-悠悠 上课方式:QQ群视频在线教学,方便交流 本期上课时间:10月13号-12月8号,每周六.周日晚上20:30-22:30 报名费:报名费2000一人(周期2个月) 联系QQ:283340479 课表如下 课程主要涉及的内容: 1.httprunner框架以及web平台做接口自动化测试 (装逼必备) 2.django平台开发 (python开发必会) 3.pytest框架结合selenium做web自动化测试 (

西安活动 | 2019年1月13号 &quot;拥抱开源, 又见.NET&quot; 线下交流活动报名进行中

随着.NET Core的发布和开源,.NET又重新回到人们的视野..NET Core的下个3.0即将release,加入非常多的新功能,越来越拥抱变化,DevOps和Microservice的最佳实践已经在.NET Core落地,比如 Ocelot网关.Grpc+Consul 服务注册发现.Apworks CQRS实现.Xigadee 微服务工具库.脚手架. 西安.NET社区组织发起了此次“拥抱变化, 又见.NET”线下交流活动,邀请了三位资深.NET开发者作为分享讲师,他们将从架构.原理.语言

5月28号=》第35页-第40页

2.3.2 语义相关元素 <mark>:用于显示HTML页面中需要重点"关注"的内容,浏览器 通常会用黄色显示该标签内的内容. <time>:用来显示被标注内容是日期.时间或者日期时间.   使用该标签要指定datetime属性,格式为"yyyy-MM-ddTHH:mm"   如果<time>标签的内容直接符合以上格式,则可以不用指定datetime属性. <details>:该元素用于显示一段详细信息或某个主题的细节

7月13号:2D的转换和过渡,动画效果设置

一.2D的转换通过transform来实现,它有4种方式: 位移:translate(x坐标,y坐标),它是以左上角为原点的位移,不影响其他元素 缩放:scale(X倍数,Y倍数),它是以元素中心为原点进行缩放 旋转:rotate(度数),它是以元素中心为原点进行旋转 斜切(扭曲):skew(X度数,Y度数):X和Y方向同时进行扭曲拉缩 二.过渡是通过transition来实现,它可以同时对元素的多个属性同事定义过渡效果(对象,时间,类型,延迟时间). 过渡的类型主要有以下几种方式 linear