JavaScript中window对象常用的属性、方法

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript中window对象常用的属性、方法相关的知识，希望对你有一定的参考价值。

请列举window对象常用的属性、方法 要6个以上，并写程序代码举例说明其中2-3方法的作用！ 以上这题要写在作业本上 最好要按原题回答

二、Window对象的属性和方法

Window对象共有七个属性：
● defauleStatus：指定窗口状态栏中的信息。
● status：指定当前窗口状态栏中的信息。
● frames：是一个数组，其中内容是窗口中所有的框架。
● parent：指当前窗口的父窗口。
● self：指当前窗口。
● top：代表当前所有窗口的最顶层窗口。
● window：代表当前窗口。
Window对象有五个方法：
● alert：显示带有一个“确定”按钮的对话框。
● confirm：显示带有“确定”与“取消”两个按钮的对话框。
● prompt：显示带有输入区的对话框。
● open：打开一个新窗口。
● close：关闭用户打开的窗口。
三、status属性例子，在窗口状态栏显示和清除文字

单击"写入文字"按钮，在状态栏显示'这是状态栏'。按"清除文字"按钮，清除状态栏的文字。
<html>
<head>
<script language="javascript">
function statbar(txt)
window.status = txt;
</script>
</head>
<body>
<form>
<input type="button" name="look" value="写入文字" onclick="statbar('这是状态栏');">
<input type="button" name="erase" value="清除文字" onclick="statbar('');">
</form>
</body>
</html>

四、alert方法例子：显示“大家来学习JavaScript脚本语言。”的对话框。

<html>
<body>
<script language="JavaScript">
alert("大家来学习JavaScript脚本语言。")
</script>
</body>
</html>

五、 Confirm方法例子：让用户选择是否进入下一页。

用confirm显示选择对话框，按“确定”进入next.htm，按“取消”不进入。
<html>
<body>
<script language="JavaScript">
if(confirm("你想进入下一页吗？"))
location="next.htm"
</script>
</body>
</html>

六、Prompt方法例子：让用户输入姓名，并将它显示出来。

用prompt显示输入对话框，让用户输入姓名，再用alert对话框显示出来。
<html>
<body>
<script language="JavaScript">
var name
name=prompt("请输入姓名","张国强")
alert("你好，"+name)
</script>
</body>
</html>

七、Window对象方法例子

当打开网页时，立即打开另一窗口，显示test.htm。
<html>
<body onload="javascript:window.open('test.htm')">
</body>
</html>
八、History对象的属性和方法

History对象只有一个length属性，它表示历史对象中的链接的数目。
History对象有以下方法：
● back：在浏览器中显示上一页。
● forward：在浏览器中显示上下页。
● go(int)：在浏览器中载入从当前算起的第int个页面。
九、History例子：具有“上一页”、“下一页”按钮的页面。

<html>
<body>
<form>
<input type="button" value="上一页" onClick="history.back()">
<input type="button" value="下一页" onClick="history.forward()">
</body>
</html> 参考技术A javascript中window对象的集合属性和方法
Window对象的集合
frames[] 取得Window对象中所有已命名的frame

Window对象的属性
closed 窗口是否关闭
defaultStatus 窗口状态栏的默认文本
document Document对象
history History对象
length Window对象的frame个数
location Location对象
name Window对象的名称
opener 打开当前Window的窗口的引用
parent 父窗口
self 返回当前窗口的引用
status 窗口状态栏文本
top 最顶层窗口

Window对象的方法
alert([Message]) 显示带有警告信息Message的窗口，并有“确定”按钮
blur() 移除本窗口的焦点
clearInterval(iIntervalID) 取消先前用setInterval方法开始的标识为iIntervalID的间隔事件
clearTimeout(iTimeoutID) 取消先前用setTimeout方法开始的标识为iTimeoutID的超时事件
close() 关闭当前窗口
confirm([message]) 显示带有确认信息message的窗口，有“确定”和“取消”按钮
createPopup() 创建弹出窗口，返回该窗口对象的引用
focus() 使本窗口获得焦点
moveBy(x,y) 将窗口的位置移动到指定的x和y偏移值
moveTo(x,y) 将窗口左上角的屏幕位置移动到指定的x和y位置
open() 打开新窗口，显示指定的页面
print() 打印与窗口关联的文档
prompt([message][,defaultValue]) 显示提示对话框，带有提示消息message和默认值defaultValue的

输入框，返回用户输入的字符串
resizeBy(x,y) 更改窗口的当前位置缩放指定的x和y偏移量
resizeTo(x,y) 将窗口的大小更改为指定的宽度值x和高度值y
scrollBy(x,y) 将窗口滚动x和y偏移量
scrollTo(x,y) 将窗口滚动到指定的x和y偏移量
setInterval(code,ms[,language]) 每经过ms毫秒后执行代码code,language指定语言属性。返回整形标

识,以便clearInterval方法取消该定时器
setTimeout(code,ms[,language]) 经过ms毫秒后执行代码code,language指定语言属性。返回整形标识
，以便clearTimeout方法取消该定时器

JavaScript中常用的BOM对象（属性方法）

  1. window对象
    1. 定义：
      1. 一个浏览器窗口实例
      2. 与窗口有关的信息（应用程序编程接口）　　
      3. ECMAScript规定的Global对象
    2. 方法
      1. open（url）,返回标识符 引用 即将打开窗口的。（调用该引用对象的close方法 即可关闭该窗口）

      2. 间歇调用setInterval（函数，time）。clearInterval（）

      3. 超时调用 setTimeout（函数，time）;表示在多久后把代码注入消息队列（如果队列是空的那么会立即执行，否则等待前面的代码执行完毕后再执行） clearTimeout（）

      4.  

        系统对话框

        1. alert（字符串）

        2. confirm（表示提示的文字）；返回 true / false 

        3. prompt （提示文字信息，提前键入的文字）；返回输入的信息 或者 null

  2. location对象
    1. 定义：　　

      1. 保存着与当前文档有关的信息。

      2. 将URL解析为独立的片段方便开发者 进行访问。

      3.  window.location === document.location

    2. 方法

      1. location.assign（新url）,打开新url,并在记录中创建一条新记录

      2.  location.reload（true/false）：刷新当前页面.

      3. location.replace（url）：用传入的url代替当前记录的url，不在记录中创建新的记录。

      4. window.location = 新url、location.href = 新url  与 location.assign（新url）效果一样

    3. 属性

      1.  href：完整的url

      2.  

         host：主机或域名

      3.  

         hostname：返回不带端口号的主机或域名。

      4.  

         pathname:返回url中的目录和文件名。

      5.  

         hash:返回hash值（‘#target’）

      6.  

         search：返回查询字符串（‘？name=fafa&sex="mae"’）

  3. history对象

    1.  定义：保存着用户上网的历史记录。

    2.  

      方法：
      1. go（数字）
        1. 数字：数字 -1 页面后退一个记录，+1前进一个记录　
      2. back（）:后退一个记录
      3. forward（）：前进一个记录

以上是关于JavaScript中window对象常用的属性、方法的主要内容，如果未能解决你的问题，请参考以下文章

JavaScript 之 location 对象

JavaScript的BOM编程，事件-第4章

javaScript操作BOM对象

javascript的对象

JavaScript中document对象的常用方法

JQuery