HTML5权威指南读书笔记18（第27章）-window对象，获取窗口信息，获取scree信息，与窗口交互，用户提示，基本信息，history对象，pushstate添加条目，使用定时器

1、概述

<script type="text/javascript">console.log(window.outerWidth);console.log(window.outerHeight);</script>

2、获取窗口信息

window.outerWidth

3、Screen对象获取屏幕信息

<script type="text/javascript">console.log(window.screen.availHeight);console.log(window.screen.availWidth);</script>

4、与窗口交互

未能实现，报window.print（）不是函数

<body><div id="mytext"><button id="print">print</button><br/><button id="close">close</button><br/><button  id="scroll">scroll</button><br/></div>  <pre id="results"></pre><script type="text/javascript">var print=document.getElementById("print");var close=document.getElementById("close");var scroll=document.getElementById("scroll");print.onclick=function(e){window.print();}close.onclick=function(e){window.close();}scroll.onclick=function(e){window.scroll(0,200);}</script>
</body>

5、对用户进行提示

<script type="text/javascript">window.alert("here is alert")var myconfirm =window.confirm("this is confirm");console.log(myconfirm);var myprompt=window.prompt("enter a words","hello");console.log(myprompt);</script>

6、获取基本信息

7、window.history使用浏览器历史

返回浏览器历史对象

<body><div id="mytext"><button id="print">print</button><br/><button id="close">close</button><br/><button  id="scroll">scroll</button><br/></div>  <pre id="results"></pre><script type="text/javascript">var print=document.getElementById("print");print.onclick=function(){window.history.back();//farword(),go()}</script>
</body>

8、pushState向浏览器历史添加条目

   window.history.pushState("?"+"your items")

9、为不同的文档添加条目

for(var i=0;i<length; i++){window.history.pushState("otherpage"+"i"+"?"+"your items");}

10、postMessage跨文档传递信息

没看懂也不想看了

11、setTimeOut，setInterval使用计时器方法

<body><div id="mytext"><button id="print">print</button><br/><button id="clear">clear</button><br/><button  id="scroll">scroll</button><br/></div>  <pre id="results"></pre><script type="text/javascript">var print=document.getElementById("print");var clear=document.getElementById("clear");print.onclick=function(){setTimeout(sayhello,3000);}var myinterval=setInterval(saygoodbay, 2000);clear.onclick=function(){clearInterval(myinterval);}function sayhello(){console.log("hello everyone");}function saygoodbay(){console.log("goodbye everyone");}</script>
</body>

HTML5权威指南读书笔记18（第27章）-window对象，获取窗口信息，获取scree信息，与窗口交互，用户提示，基本信息，history对象，pushstate添加条目，使用定时器相关推荐

HTML5权威指南----读书笔记
<!DOCTYPE html> <html> <head><meta name = 'keywords' content="HTML5权威指南--- ...
mysql数据库权威指南_MySQL_MySQL权威指南读书笔记(三)，第二章：MYSQL数据库里面的数 - phpStudy...
MySQL权威指南读书笔记(三) 第二章:MYSQL数据库里面的数据用想用好MYSQL,就必须透彻理解MYSQL是如何看待和处理数据的.本章主要讨论了两个问题:一是SQL所能处理的数据值的类型:二是 ...
OCA/OCP Oracle 数据库12c考试指南读书笔记：第27章: Duplicating a Database
可传输表空间可将表空间从一个数据库拷贝到另一数据库,而无需耗时的export/import. 可传输数据库是可传输表空间的扩展,可创建新数据库,并将非系统表空间拷贝到新数据库. 还可以复制整个数据库, ...
HTML5权威指南读书笔记03（第7，8章）--icon，base，锚点，一些七七八八的元素
1.使用ico图标如果标志文件位于服务器/favicon.ico(服务器根目录,则不需要link),浏览器自动匹配该文件 <link rel="shortcut icon" ...
HTML5权威指南读书笔记12（第21章）--创建布局postion，z-index，column-count，display：flex，box-flex、algin、pack，table
1.概述 2.定位内容的位置 <head><style type="text/css">div{ p ...
MongoDB权威指南读书笔记——CRUD
插入并保存文档插入是向MongoDB中添加数据的基本方法.可以使用Insert方法向目标集合插入一个文档:db.foo.insert({"bar" : "baz&quo ...
HTTP权威指南读书笔记
<<HTTP权威指南>>读书笔记第一部分:Web的基础第1章:HTTP概述主要内容 1.什么是HTTP 2.HTTP的基本组件 HTTP HTTP:HTTP(Hypert ...
WINDOWS+PE权威指南读书笔记(27)
目录软件安装自动化基本思路: 补丁程序 patch.exe: 执行线程函数: 简单测试: 消息发送器 _Message.exe: 窗口枚举回调函数: 调用窗口枚举函数: 向指定窗口发送消息: 消息 ...
计算机网络和http权威指南读书笔记
计算机网络笔记网络层网络层向上提供无连接的,尽最大努力交付的数据报服务网络层不提供数据质量承诺物理层使用的中间设备叫转发器repeater 数据链路层叫网桥bridge 网络层叫路由器rout ...
MapReduce总结 + 相关Hadoop权威指南读书笔记（未完......欢迎补充，互相学习）
文章目录 MapReduce概述 MapReduce优缺点 MapReduce核心思想 MapReduce进程 MapReduce编程规范 WordCount 案例实操本地测试集群测试 Hadoo ...

HTML5权威指南读书笔记18（第27章）-window对象，获取窗口信息，获取scree信息，与窗口交互，用户提示，基本信息，history对象，pushstate添加条目，使用定时器

1、概述

2、获取窗口信息

3、Screen对象获取屏幕信息

4、与窗口交互

5、对用户进行提示

6、获取基本信息

7、window.history使用浏览器历史

8、pushState向浏览器历史添加条目

9、为不同的文档添加条目

10、postMessage跨文档传递信息

11、setTimeOut，setInterval使用计时器方法

HTML5权威指南读书笔记18（第27章）-window对象，获取窗口信息，获取scree信息，与窗口交互，用户提示，基本信息，history对象，pushstate添加条目，使用定时器相关推荐

最新文章

热门文章