Window moveBy() 方法
Window 对象
定义和用法
moveBy() 方法可相对窗口的当前坐标把它移动指定的像素。
语法
window.moveBy(x,y)
浏览器支持
所有主要浏览器都支持 moveBy() 方法
实例
实例
把窗口相对其当前位置移动250个像素：
<!DOCTYPE html>
<html>
<head>
<meta cha……继续阅读 »
2年前 (2022-09-04) 17浏览 0评论
0个赞
Window moveTo() 方法
Window 对象
定义和用法
moveTo() 方法可把窗口的左上角移动到一个指定的坐标。
语法
window.moveTo(x,y)
浏览器支持
所有主要浏览器都支持 moveTo() 方法
注意： 指定moveTo(0.0)，在Opera在浏览器的左上角。
实例
实例
新窗口移动到屏幕上方左上角：
<!DOCTYPE html>
<html&……继续阅读 »
2年前 (2022-09-04) 20浏览 0评论
0个赞
Window matchMedia() 方法
Window 对象
定义和用法
matchMedia() 返回一个新的 MediaQueryList 对象，表示指定的媒体查询字符串解析后的结果。
matchMedia() 方法的值可以是任何一个 CSS @media 规则 的特性, 如 min-height, min-width, orientation 等。
MediaQueryList 对象有以下两个属性：
……继续阅读 »
2年前 (2022-09-04) 29浏览 0评论
0个赞
Window getSelection() 方法
Window 对象
定义和用法
getSelection() 方法表示用户选择的文本范围或光标的当前位置。
语法
window.getSelection();
浏览器支持
所有主要浏览器都支持 focus() 方法
实例
实例
读取选中的内容：
function foo() {
let selObj = window.getSelection……继续阅读 »
2年前 (2022-09-04) 10浏览 0评论
0个赞
Window getComputedStyle() 方法
Window 对象
定义和用法
getComputedStyle() 方法用于获取指定元素的 CSS 样式。
获取的样式是元素在浏览器中最终渲染效果的样式。
语法
window.getComputedStyle(element, pseudoElement)
参数说明：
element: 必需，要获取样式的元素。
pseudoElement: 可选，……继续阅读 »
2年前 (2022-09-04) 8浏览 0评论
0个赞
Window focus() 方法
Window 对象
定义和用法
focus() 方法将焦点设置到当前窗口，也就是将窗口显示在前（靠近屏幕）。
语法
window.focus()
浏览器支持
Method
focus()
Yes
Yes
Yes
Yes
Yes
实例
实例
确保新窗口获得焦点(发送新窗口前)：
function openWin(){
myWindow=w……继续阅读 »
2年前 (2022-09-04) 22浏览 0评论
0个赞
Window confirm() 方法
Window 对象
定义和用法
confirm()方法用于显示一个带有指定消息和确认及取消按钮的对话框。
如果访问者点击”确定”，此方法返回true，否则返回false。
语法
confirm(message)
浏览器支持
所有主要浏览器都支持 confirm() 方法
实例
实例
显示一个确认框，提醒访客点击什么：
function myF……继续阅读 »
2年前 (2022-09-04) 42浏览 0评论
0个赞
Window createPopup() 方法
Window 对象
定义和用法
createPopup()方法用来创建一个弹出窗口。
语法
window.createPopup()
浏览器支持
注意： 只有 IE 浏览器支持 createPopup() 方法，其他浏览器都不支持。
实例
实例
创建一个弹出窗口：
<!DOCTYPE html>
<html>
<head>……继续阅读 »
2年前 (2022-09-04) 12浏览 0评论
0个赞
Window close() 方法
Window 对象
定义和用法
close() 方法用于关闭浏览器窗口。
语法
window.close()
浏览器支持
所有主要浏览器都支持 close() 方法
实例
实例
下面的例子可关闭新的浏览器：
function openWin(){
myWindow=window.open(“”,&#……继续阅读 »
2年前 (2022-09-04) 51浏览 0评论
0个赞
Window clearInterval() 方法
Window 对象
实例
显示当前时间 ( setInterval() 函数会每秒执行一次函数，类似手表)。使用 clearInterval() 来停止执行:
var myVar = setInterval(function(){ myTimer() }, 1000);
function myTimer() {
var d = new Date();
……继续阅读 »
2年前 (2022-09-04) 50浏览 0评论
0个赞
Window clearTimeout() 方法
Window 对象
实例
阻止 setTimeout() 方法执行函数 :
var myVar;
function myFunction() {
myVar = setTimeout(function(){ alert("Hello"); }, 3000);
}
function myStopFunction() {
clearT……继续阅读 »
2年前 (2022-09-04) 33浏览 0评论
0个赞
Window blur() 方法
Window 对象
定义和用法
blur() 方法可把键盘焦点从顶层窗口移开。
语法
window.blur()
浏览器支持
除了 Opera 浏览器，所有主流浏览器都支持 blur() 方法。
实例
实例
保证新的窗口没有获得焦点(新窗口发送到后台)：
<html>
<head>
<script>
function openWin(……继续阅读 »
2年前 (2022-09-04) 43浏览 0评论
0个赞
Window btoa() 方法
Window 对象
定义和用法
btoa() 方法用于创建一个 base-64 编码的字符串。
该方法使用 “A-Z”, “a-z”, “0-9”, “+”, “/” 和 “=” 字符来编码字符串。
base-64 解码使用方法是
at……继续阅读 »
2年前 (2022-09-04) 34浏览 0评论
0个赞
Window alert() 方法
Window 对象
定义和用法
alert() 方法用于显示带有一条指定消息和一个 确认 按钮的警告框。
语法
alert(message)
浏览器支持
所有主要浏览器都支持 alert() 方法
实例
实例
显示一个警告框：
<script>
function myFunction(){
alert(R……继续阅读 »
2年前 (2022-09-04) 18浏览 0评论
0个赞
Window atob() 方法
Window 对象
定义和用法
atob() 方法用于解码使用 base-64 编码的字符串。
base-64 编码使用方法是
btoa() 。
语法
window.atob(encodedStr)
参数说明：
encodedStr: 必需，是一个通过 btoa() 方法编码的字符串。
返回值
该方法返回一个解码的字符串。
浏览器支持
表格中的数字表示支持该方法的第……继续阅读 »
2年前 (2022-09-04) 42浏览 0评论
0个赞
Window top 属性
Window 对象
定义和用法
Top属性返回当前窗口的最顶层浏览器窗口。
语法
window.top
浏览器支持
所有主要浏览器都支持 top 属性
实例
实例
当点击”Check window”按钮，check()被调用，并检查当前窗口的状态：
<!DOCTYPE html>
<html>
<head>
<……继续阅读 »
2年前 (2022-09-04) 44浏览 0评论
0个赞
Window self 属性
Window 对象
定义和用法
self 属性返回指向当前 window 对象的引用，利用这个属性，可以保证在多个窗口被打开的情况下，正确调用当前窗口内的函数或属性而不会发生混乱。
self 属性是只读的。
语法
window.self
注：window、self、window.self 是等价的。
浏览器支持
属性
self
Yes
Yes
Yes
Yes
……继续阅读 »
2年前 (2022-09-04) 16浏览 0评论
0个赞
Window status 属性
Window 对象
定义和用法
status 属性可设置或返回窗口状态栏中的文本。
语法
window.status
浏览器支持
注意： status属性在IE，火狐，Chrome，和Safari默认配置是不能正常工作。要允许脚本来改变状态栏文本，用户必须把配置屏幕首选项设置为false dom.disable_window_status_change。（或在Firefox……继续阅读 »
2年前 (2022-09-04) 45浏览 0评论
0个赞
Window sessionStorage 属性
JavaScript 存储对象
实例
使用 sessionStorage 创建一个本地存储的 name/value 对，name=”lastname” value=”Smith”, 然后检索 “lastname” 的值，并插入到 id=”result” 的元素上:
/……继续阅读 »
2年前 (2022-09-04) 9浏览 0评论
0个赞
Window screenLeft 和 screenTop 属性
Window 对象
定义和用法
screenLeft和screenTop属性返回窗口相对于屏幕的X和Y坐标。
语法
window.screenLeft
window.screenTop
浏览器支持
所有主流浏览器都支持screenLeft和screenTop属性，Firefox除外。
注意： Firefox 浏览器请使用 “win……继续阅读 »
2年前 (2022-09-04) 19浏览 0评论
0个赞
Window screenX 和 screenY 属性
Window 对象
定义和用法
screenX和screenY属性返回窗口相对于屏幕的X和Y坐标。
语法
window.screenX
window.screenY
浏览器支持
除了 Internet Explorer外，所有主要浏览器都支持screenX和screenY属性。
注意： IE浏览器使用。 “window.screenLeft……继续阅读 »
2年前 (2022-09-04) 61浏览 0评论
0个赞
Screen 对象
Screen 对象
Screen 对象包含有关客户端显示屏幕的信息。
注意： 没有应用于 screen 对象的公开标准，不过所有浏览器都支持该对象。
Screen 对象属性
属性
说明
availHeight
返回屏幕的高度（不包括Windows任务栏）
availWidth
返回屏幕的宽度（不包括Windows任务栏）
colorDepth
返回目标设备或缓冲器上的调色板的……继续阅读 »
2年前 (2022-09-04) 14浏览 0评论
0个赞
Window parent 属性
Window 对象
定义和用法
parent属性返回当前窗口的父窗口。
语法
window.parent
浏览器支持
所有主要浏览器都支持 parent 属性
实例
实例
当打开新窗口时，在父窗口弹出警告：
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8̸……继续阅读 »
2年前 (2022-09-04) 9浏览 0评论
0个赞
Window outerWidth 和 outerHeight 属性
Window 对象
定义和用法
outerHeight 属性设置或返回一个窗口的外部高度，包括所有界面元素（如工具栏/滚动条）。
outerWidth 属性设置或返回窗口的外部宽度，包括所有的界面元素（如工具栏/滚动）。
outerWidth 和 outerHeight 是只读属性。
注意： 使用
innerWidth 和 innerHeig……继续阅读 »
2年前 (2022-09-04) 57浏览 0评论
0个赞
Window pageXOffset 和 pageYOffset 属性
Window 对象
定义和用法
pageXOffset 和 pageYOffset 属性返回文档在窗口左上角水平和垂直方向滚动的像素。
pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
pageXOffset 和 pageYOffset……继续阅读 »
2年前 (2022-09-04) 67浏览 0评论
0个赞
Window opener 属性
Window 对象
定义和用法
opener 属性是一个可读可写的属性，可返回对创建该窗口的 Window 对象的引用。
当使用window.open()打开一个窗口，您可以使用此属性返回来自目标窗口源（父）窗口的详细信息。
代码提示： window.opener.close()将关闭源（父）窗口。
语法
window.opener
浏览器支持
所有主要浏览器都支持 op……继续阅读 »
2年前 (2022-09-04) 42浏览 0评论
0个赞
Window name 属性
Window 对象
定义和用法
name 属性可设置或返回存放窗口的名称的一个字符串。
语法
window.name
浏览器支持
所有主要浏览器都支持 name 属性
实例
实例
返回新窗口的名称：
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
……继续阅读 »
2年前 (2022-09-04) 37浏览 0评论
0个赞
Navigator 对象
Navigator 对象
Navigator 对象包含有关浏览器的信息。
注意： 没有应用于 navigator 对象的公开标准，不过所有浏览器都支持该对象。
Navigator 对象属性
属性
说明
appCodeName
返回浏览器的代码名
appName
返回浏览器的名称
appVersion
返回浏览器的平台和版本信息
cookieEnabled
返回指明浏……继续阅读 »
2年前 (2022-09-04) 9浏览 0评论
0个赞
Location 对象
Location 对象
Location 对象包含有关当前 URL 的信息。
Location 对象是 window 对象的一部分，可通过 window.location.xxx 格式的相关属性对其进行访问。
注意： 没有应用于Location对象的公开标准，不过所有浏览器都支持该对象。
Location 对象属性
属性
描述
hash
返回一个URL的锚部分
host
返回……继续阅读 »
2年前 (2022-09-04) 30浏览 0评论
0个赞
Window localStorage 属性
JavaScript 存储对象
实例
使用 localStorage 创建一个本地存储的 name/value 对，name=”lastname” value=”Smith”, 然后检索 “lastname” 的值，并插入到 id=”result” 的元素上:
// 存储……继续阅读 »
2年前 (2022-09-04) 50浏览 0评论
0个赞
