javascript对象的相关操作小结
更新时间：2016年05月16日 11:39:39 投稿：jingxian
下面小编就为大家带来一篇javascript对象的相关操作小结。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
我们知道浏览器对象模型（BOM）是javascript的组成之一，它提供了独立于内容与浏览器窗口进行交互的对象。其分层结构如下：
window对象是整个BOM的核心其有document（文档对象）、location（地址对象） 和history（历史对象组成）
调用对象属性的语法：
1.对象.属性名=“属性值”;
2.对象[“属性名称字符串”]=”属性值”;
调用对象方法的语法：
1.对象的方法名();
2.对象[“方法名称字符串”]();
window对象的常用方法
window对象的常用方法
| 名 称 | 说 明 |
| prompt（） | 显示可提示用户输入的对话框 |
| alert（） | 显示一个大有提示信息和一个“确定“按钮的警示对话框 |
| confirm（） | 显示一个大有提示信息、”确定“和”取消“按钮的对话框 |
| close（） | 关闭浏览器窗口 |
| open（） | 打开一个新的浏览器窗口加载给定URL所指定的文档 |
| setTimeout（） | 在指定毫秒数后调用函数或计算表达式 |
| setInterval（） | 按照指定的周期（以毫秒记）来调用函数或计算表达式 |
窗口的特征属性
| 名 称 | 说 明 |
| height、width | 高度、宽度（以像素记） |
| left、top | 窗口的x和y坐标 以像素记 |
| toolbar | 是否显示浏览器的工具栏 |
| scrollbars | 是否显示滚动条 |
| location | 是否显示地址栏 |
| status | 是否添加状态栏 |
| menubar | 是否显示菜单栏 |
| resizable | 窗口是否可调节尺寸 |
| titlebar | 是否显示标题栏 |
| fullscreen | 是否使用全屏模式显示浏览器 |
window对象的常用事件
| 名 称 | 说 明 |
| onload | 一个页面或一幅图像加载完成 |
| onmouseover | 鼠标指针移到某元素之上 |
| onclick | 鼠标单击某个对象 |
| onkeydown | 某个键盘按键被按下 |
| onchange | 域的内容被改变 |
自定义对象的声明
第一种声明方式：
<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操作符不能删除的对象
相关文章
这篇文章主要介绍了webpack中如何加载静态文件的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要介绍了webpack-mvc 传统多页面组件化开发详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-05-05
下面小编就为大家带来一篇前端把html表格生成为excel表格的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
在移动端开发的时候，常常需要加点击态，就是当用户点击某个URL时，给相应的标签添加按下效果样式。这篇文章给大家分享了三种实现方法，包括伪类:active、webkit-tap-highlight-color和touch事件，下面来一起看看详细的介绍吧。2017-01-01
这篇文章主要为大家详细介绍了layui添加动态菜单与选项卡，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
JavaScript中的任务分为宏任务和微任务，它们的执行顺序会影响代码的执行结果。了解它们的机制可以帮助我们更好地理解事件循环和异步编程，避免出现一些意想不到的错误2023-05-05
下面小编就为大家带来一篇json传值以及ajax接收详解。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
js删除指定元素方法有很多,下面这篇文章主要给大家介绍了关于JS删除数组中某个元素的四种方式,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-02-02
写的一段拖动对象的代码...2007-01-01
本文给大家讲述的是个人在一个项目中遇到的关于jsonp的post跨域问题的解决过程，这里记录下来，分项给大家。2015-07-07
最新评论