首页 > 代码库 > JS-window对象集合
JS-window对象集合
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>window对象集合——慕课网总结</title>
<style type="text/css">
td{
border: 1px solid #4169E1;
}
caption{
background-color: lightsteelblue;
padding: 10px 0;
}
table{
margin-top: 10px;
border: 4px solid lightsteelblue;
}
</style>
</head>
<body>
<table>
<caption>window对象方法</caption>
<tr>
<td>方法</td>
<td>描述</td>
</tr>
<tr>
<td>alert()</td>
<td>显示带有一段信息/代码段和一个确认按钮的警告框</td>
<td>通常用于代码调试</td>
</tr>
<tr>
<td>prompt(‘提示信息‘,‘默认输入的信息‘)</td>
<td>显示可提示用户输入的对话框</td>
</tr>
<tr>
<td>confirm(‘提示文本‘)</td>
<td>显示带有一段信息以及确认按钮和取消按钮的对话框</td>
</tr>
<tr>
<td>open([url],‘_blank‘,‘属性‘)</td>
<td>打开一个新的浏览器窗口或查找一个已经命名的窗口</td>
<td>属性包括：width，height，是否有滚动条，菜单栏，。。</td>
</tr>
<tr>
<td>close()</td>
<td>关闭浏览器窗口</td>
</tr>
<tr>
<td>print()</td>
<td>打印当前窗口的内容</td>
</tr>
<tr>
<td>focus()</td>
<td>把键盘焦点给予一个窗口</td>
</tr>
<tr>
<td>blur()</td>
<td>把键盘焦点从顶层窗口离开</td>
</tr>
<tr>
<td>moveBy()</td>
<td>可相对窗口的当前坐标把他移动指定的像素</td>
</tr>
<tr>
<td>moveTo()</td>
<td>把窗口的左上角移动到一个指定的坐标</td>
</tr>
<tr>
<td>resizeBy()</td>
<td>按照指定的像素调整窗口大小</td>
</tr>
<tr>
<td>resizeTo()</td>
<td>把窗口的大小调整到指定的宽度和高度</td>
</tr>
<tr>
<td>scrollBy()</td>
<td>按照指定的像素值来滚动内容</td>
</tr>
<tr>
<td>scrollTo()</td>
<td>把内容滚动到指定的坐标</td>
</tr>
<tr>
<td>setInterval(‘代码‘，时间（毫秒）)</td>
<td>每个指定的时间执行代码</td>
<td>循环定时器</td>
</tr>
<tr>
<td>clearInterval(定时器名称)</td>
<td>取消setInterval的设置</td>
</tr>
<tr>
<td>setTimeout(‘代码‘,延迟执行的时间)</td>
<td>在制定的延迟时间之后来执行代码</td>
<td>一次定时器</td>
</tr>
<tr>
<td>clearTimeout(定时器名称)</td>
<td>取消setTimeout的设置</td>
</tr>
</table>
<p>setInterval(a,b);
a可以是函数名，也可以是函数体。函数名可以加括号调用，也可以不加括号调用。加括号调用要用引号引起来
如下：
setInterval(hanshu,1000);
setInterval(‘hanshu()‘,1000);
</p>
<h1>window中的常见对象</h1>
<ol>
<li>History对象
<ul><li>前提是：必须有历史记录</li>
<li>history.back()返回上一个页面</li>
<li>history.forward()返回下一个页面</li>
<li>history.go(number)返回指定的历史记录中有的页面
<ol>
<li>history.go(1)==history.forward()</li>
<li>history.go(0)==当前页面</li>
<li>history.go(-1)==history.back()</li>
<li>history.go(3)返回浏览器当前页面之后浏览过的第三个历史页面</li>
<li>history.go(-2)==返回当前页面之前浏览过的倒数第二个页面</li>
</ol>
</li>
</ul></li>
<li>Location对象</li>
<li>Navigator对象</li>
</ol>
<img src="http://www.mamicode.com/img/location.jpg" title="location对象" />
<table>
<caption>location对象属性</caption>
<tbody>
<tr>
<td>属性</td>
<td>描述</td>
</tr>
</tbody>
<tr>
<td>hash</td>
<td>设置或返回从#开始的URL（锚）</td>
</tr>
<tr>
<td>host</td>
<td>设置或返回主机名或当前URL的端口号</td>
</tr>
<tr>
<td>hostname</td>
<td>设置或返回当前URL的主机名</td>
</tr>
<tr>
<td>href</td>
<td>设置或返回完整的URL</td>
</tr>
<tr>
<td>pathname</td>
<td>设置或返回当前URL的路径部分</td>
</tr>
<tr>
<td>port</td>
<td>设置或返回当前URL的端口号</td>
</tr>
<tr>
<td>protocol</td>
<td>设置或返回当前URL的协议</td>
</tr>
<tr>
<td>search</td>
<td>设置或返回从问好（？）开始的URL（查询部分）</td>
</tr>
</table>
<table>
<caption>location 的方法</caption>
<tbody>
<tr>
<td>属性</td>
<td>描述</td>
</tr>
</tbody>
<tr>
<td>assign()</td>
<td>加载新的文档</td>
</tr>
<tr>
<td>reload()</td>
<td>重新加载当前文档</td>
</tr>
<tr>
<td>replace()</td>
<td>用新的文档替换当前文档</td>
</tr>
</table>
<h1>navigator对象</h1>
<table>
<caption>navigator.属性</caption>
<tbody>
<tr>
<td>属性</td>
<td>描述</td>
</tr>
<tr>
<td>appCodeName</td>
<td>浏览器代码名的字符串表示</td>
</tr>
<tr>
<td>appName</td>
<td>返回浏览器名称</td>
</tr>
<tr>
<td>appVersion</td>
<td>返回浏览器的平台和版本信息</td>
</tr>
<tr>
<td>platform</td>
<td>返回运行浏览器的操作系统平台</td>
</tr>
<tr>
<td>userAgent</td>
<td>返回由客户机发送服务器的user-agent头部的值</td>
</tr>
</tbody>
</table>
</body>
</html>
JS-window对象集合