前端之家收集整理的这篇文章主要介绍了
javascript对象的相关操作小结，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我们知道浏览器对象模型（BOM）是javascript的组成之一，它提供了独立于内容与浏览器窗口进行交互的对象。其分层结构如下：
window对象是整个BOM的核心其有document（文档对象）、location（地址对象） 和history（历史对象组成）
1.对象.属性名=“属性值”;
2.对象[“属性名称字符串”]=”属性值”;
1.对象的方法名();
2.对象[“方法名称字符串”]();
window对象的常用方法
window对象的常用方法
显示可提示用户输入的对话框显示一个大有提示信息和一个“确定“按钮的警示对话框显示一个大有提示信息、”确定“和”取消“按钮的对话框关闭浏览器窗口调用函数或计算表达式调用函数或计算表达式
窗口的特征属性
显示浏览器的工具栏显示滚动条显示地址栏添加状态栏显示菜单栏显示标题栏显示浏览器
window对象的常用事件
页面或一幅图像加载完成SEOver键盘按键被按下内容被改变
第一种声明方式：
属性
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);
效果截图：
第二中方式：
//给对象定义
属性
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);
效果截图：
对象属性的遍历
//给对象定义
属性
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]);
}
效果截图：
with结构快
//给对象定义
属性
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("
"+age);
}
效果截图：
以上这篇javascript对象的相关操作小结就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。
原文链接：https://www.f2er.com/js/48743.html
