javascript对象的相关操作小结

我们知道浏览器对象模型（BOM）是javascript的组成之一，它提供了独立于内容与浏览器窗口进行交互的对象。其分层结构如下：

window对象是整个BOM的核心其有document（文档对象）、location（地址对象） 和history（历史对象组成）

调用对象属性的语法：

1.对象.属性名=“属性值”;
2.对象[“属性名称字符串”]=”属性值”;

调用对象方法的语法：

1.对象的方法名();
2.对象[“方法名称字符串”]();

window对象的常用方法

window对象的常用方法

窗口的特征属性

window对象的常用事件

自定义对象的声明

第一种声明方式：

<script type="text/javascript">
function paly() {
var p = new Object();//创建一个Object对象开辟内存空间
//给对象p定义属性
p.age = 1;
p.name = "javascript";
//给对象p定义方法
p.sayHi = function () {
document.write("大家好！我是" + p.name + "我今年" + p.age + "岁了");
}
//返回对象p
return p;
}
//创建自定义对象的实例
var js = paly();
//调用对象的方法
js.sayHi();
//调用对象的属性
document.write(js.name);
</script>

效果截图：

第二中方式：

<script type="text/javascript">
function paly() {
//给对象定义属性
this.age = 1;
this.name = "javascript";
//给对象定义方法
this.sayHi = function () {
document.write("大家好！我是" + this.name + "我今年" + this.age + "岁了");
}
}
//创建自定义对象的实例
var js = new paly();
//调用对象的方法
js.sayHi();
//调用对象的属性
document.write(js.name);
</script>

效果截图：

对象属性的遍历

<script type="text/javascript">
function paly() {
//给对象定义属性
this.age = 1;
this.name = "javascript";
//给对象定义方法
this.sayHi = function () {
document.write("大家好！我是" + this.name + "我今年" + this.age + "岁了");
}
}
//创建自定义对象的实例
var js = new paly();
//遍历对象的属性
for (var par in js) {
document.write("js."+par+"="+js[par]);
}
</script>

效果截图：

with结构快

<script type="text/javascript">
function paly() {
//给对象定义属性
this.age = 1;
this.name = "javascript";
//给对象定义方法
this.sayHi = function () {
document.write("大家好！我是" + this.name + "我今年" + this.age + "岁了");
}
}
//创建自定义对象的实例
var js = new paly();
//with结构块中的方法或属性如不指定对象则默认为括号中（js）对象的属性或方法
with (js) {
sayHi();
document.write("<br/>"+age);
}
</script>

效果截图：

以上这篇javascript对象的相关操作小结就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

• 举例讲解JavaScript中关于对象操作的相关知识
• JavaScript操作XML/HTML比较常用的对象属性集锦
• 详解JavaScript对Date对象的操作问题(生成一个倒数7天的数组)
• JavaScript对象属性检查、增加、删除、访问操作实例
• JavaScript创建一个object对象并操作对象属性的用法
• javascript内置对象操作详解
• 浅析javascript操作 cookie对象
• JavaScript基础语法、dom操作树及document对象
• js用Date对象的setDate()函数对日期进行加减操作
• Jquery操作js数组及对象示例代码
• javascript对象的使用和属性操作示例详解
• 解析JavaScript中delete操作符不能删除的对象