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

JavaScript中window对象常用的属性、方法,第1张

二、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>

1.1 数据属性(`properties`),对象的普通属性将字符串名称映射到值。例如,下面对象obj有一个数据属性,名称为 prop,对应的值为 123:var obj = {prop: 123}可以用以下方式读取属性的值:console.log(obj.prop)// 123,console.log(obj["prop"])// 123,当然也可以用以下方式来设置属性的值:obj.prop = "abc"obj["prop"] = "abc"

1.2 访问器属性,另外,可以通过函数处理获取和设置属性值。 这些函数称为访问器函数。 处理获取的函数称为getter。 处理设置的函数称为setter:var obj = {get prop () {return 'Getter'},set prop (value) {console.log('Setter: ' + value)}}访问 obj 属性:>obj.prop'Getter'>obj.prop = 123Setter: 123。

1.3 内部属性一些属性只是用于规范,这些属于“内部”的属性,因为它们不能直接访问,但是它们确实影响对象的行为。内部属性有特殊的名称都写在两个方括号,如:内部属性[[Prototype]]指向对象的原型。它可以通过Object.getPrototypeOf()读取。它的值只能通过创建具有给定原型的新对象来设置,例如通过object.create()或__proto__ 。

内部属性[[Extensible]]决定是否可以向对象添加属性。可以通过Object.isExtensible() 方法判断一个对象是否是可扩展的(是否可以在它上面添加新的属性)。可以通过Object.preventExtensions()方法让一个对象变的不可扩展,也就是永远不能再添加新的属性。

属性特性(attribute),属性的所有状态,包括数据和元数据,都存储在特性(attribute)中。它们是属性具有的字段,就像对象具有属性一样。特性(attribute)键通常用双括号编写:


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/7930850.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-11
下一篇2023-04-11

发表评论

登录后才能评论

评论列表(0条)

    保存