day20
window窗口
- 窗口位置
screenLeft和screenTop
属性返回窗口相对于屏幕的X和Y坐标。(火狐浏览器不支持)
screenX和screenY
属性返回窗口相对于屏幕的X和Y坐标。(ie浏览器不支持，火狐可以使用此属性)
pageXOffset
设置或返回当前页面相对于窗口显示区左上角的 X 位置。
pageYOffset
设置或返回当前页面相对于窗口显示区左上角的 Y 位置。 - 窗口对象
innerWidth
页面视图区的宽度
innerHeight
页面视图区的高度
outerWidth
浏览器窗口的宽度
outerHeight
浏览器窗口的高度 - screen对象
屏幕总宽度/高度(像素单位):
* screen.width
* screen.height
可用宽度/高度(像素单位):
* screen.availWidth
* screen.availHeight
颜色深度:
* screen.colorDepth
颜色分辨率:
* screen.pixelDepth
3. window.open()
window.open()方法可以用于导航到指定 URL，也可以用于打开新浏览器窗口。
window.open(URL,name,specs,replace)
name参数：可选。指定target属性或窗口的名称。支持以下值：
- _blank - URL加载到一个新的窗口。这是默认
- _parent - URL加载到父框架
- _self - URL替换当前页面
- _top - URL替换任何可加载的框架集
- name - 窗口名称
specs：可选。一个逗号分隔的项目列表。支持以下值：
| hannelmode=yes|no|1|0 | 是否要在影院模式显示 window。默认是没有的。仅限IE浏览器 |
|---|---|
| directories=yes|no|1|0 | 是否添加目录按钮。默认是肯定的。仅限IE浏览器 |
| fullscreen=yes|no|1|0 | 浏览器是否显示全屏模式。默认是没有的。在全屏模式下的 window，还必须在影院模式。仅限IE浏览器 |
| height=pixels | 窗口的高度。最小.值为100 |
| left=pixels | 该窗口的左侧位置 |
| location=yes|no|1|0 | 是否显示地址字段.默认值是yes |
| menubar=yes|no|1|0 | 是否显示菜单栏.默认值是yes |
| resizable=yes|no|1|0 | 是否可调整窗口大小.默认值是yes |
| scrollbars=yes|no|1|0 | 是否显示滚动条.默认值是yes |
| status=yes|no|1|0 | 是否要添加一个状态栏.默认值是yes |
| titlebar=yes|no|1|0 | 是否显示标题栏.被忽略，除非调用HTML应用程序或一个值得信赖的对话框.默认值是yes |
| toolbar=yes|no|1|0 | 是否显示浏览器工具栏.默认值是yes |
| top=pixels | 窗口顶部的位置.仅限IE浏览器 |
| width=pixels | 窗口的宽度.最小.值为100 |
replace：装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目，还是替换浏览历史中的当前条目，true和false。
4. 系统对话框
alert()：警告框
confirm()：确定框，有确定和取消按钮
prompt()：提示框，比确定框多了个文本框
- location
提供了与当前窗口中加载的文档有关的信息，还提供一些导航功能。
属性：
host 返回服务器名称和端口号
hostname 返回不带端口号的服务器名称
href 返回当前加载页面的完整URL
pathname 返回URL的目录和文件名
port 返回URL中指定的端口号
protocol 返回页面使用的协议
search 返回URL的查询字符串。这个字符串以问号开头
方法：
assign()：传递一个url参数，打开新url，并在浏览记录中生成一条记录。
replace()：参数为一个url，结果会导致浏览器位置改变，但不会在历史记录中生成新记录。
reload()：重新加载当前显示的页面，参数可以为boolean类型，默认为false，表示以最有效方式重新加载，可能从缓存中直接加载。如果参数为true，强制从服务器中重新加载。 - history对象
该对象保存了用户上网的历史记录
length：返回历史列表中的网址数
back：加载返回列表中的前一个URL
forward：加载返回列表中的后一个URL
go：加载 history 列表中的某个具体页面，负数表示向后跳转，正数表示向前跳转 - 间歇调用和超时调用
settimeout：超时调用，参数1为执行的函数，2为时间
setinterval：间歇调用，每隔一段时间执行代码