javascript对象的相关操作小结


Posted in Javascript onMay 16, 2016

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

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>

效果截图:

javascript对象的相关操作小结

第二中方式:

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

效果截图:

javascript对象的相关操作小结

对象属性的遍历

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

效果截图:

javascript对象的相关操作小结

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 相关文章推荐
用dtree实现树形菜单 dtree使用说明
Oct 17 Javascript
node.js中的fs.readdir方法使用说明
Dec 17 Javascript
jquery插件corner实现圆角边框的方法
Mar 09 Javascript
jquery中添加属性和删除属性
Jun 03 Javascript
Javascript基础教程之比较null和undefined值
May 16 Javascript
jQuery结合jQuery.cookie.js插件实现换肤功能示例
Oct 14 jQuery
node thread.sleep实现示例
Jun 20 Javascript
vue-router两种模式区别及使用注意事项详解
Aug 01 Javascript
vue开发拖拽进度条滑动组件
Sep 21 Javascript
javascript使用正则表达式实现注册登入校验
Sep 23 Javascript
vue的hash值原理也是table切换实例代码
Dec 14 Vue.js
vue 组件基础知识总结
Jan 26 Vue.js
WEB前端开发框架Bootstrap3 VS Foundation5
May 16 #Javascript
jQuery+CSS3+Html5实现弹出层效果实例代码(附源码下载)
May 16 #Javascript
bootstrap布局中input输入框右侧图标点击功能
May 16 #Javascript
Bootstrap所支持的表单控件实例详解
May 16 #Javascript
移动端横屏的JS代码(beta)
May 16 #Javascript
js实现带农历和八字等信息的日历特效
May 16 #Javascript
jQuery 常用代码集锦(必看篇)
May 16 #Javascript
You might like
图形数字验证代码
2006/10/09 PHP
使用 eAccelerator加速PHP代码的目的
2007/03/16 PHP
php中filter_input函数用法分析
2014/11/15 PHP
php中Ctype函数用法详解
2014/12/09 PHP
php实现留言板功能
2017/03/05 PHP
Laravel框架使用Seeder实现自动填充数据功能
2018/06/13 PHP
编写兼容IE和FireFox的脚本
2009/05/18 Javascript
浅析LigerUi开发中谨慎载入common.css文件
2013/07/09 Javascript
jquery操作cookie插件分享
2014/01/14 Javascript
跟我学习javascript的var预解析与函数声明提升
2015/11/16 Javascript
易操作的jQuery表单提示插件
2015/12/01 Javascript
Jquery zTree 树控件异步加载操作
2016/02/25 Javascript
JavaScript实现邮箱地址自动匹配功能代码
2016/11/28 Javascript
原生javascript上传图片带进度条【实例分享】
2017/04/06 Javascript
JS图片轮播与索引变色功能实例详解
2017/07/06 Javascript
[01:08:29]DOTA2-DPC中国联赛定级赛 RNG vs Aster BO3第一场 1月9日
2021/03/11 DOTA
Python备份目录及目录下的全部内容的实现方法
2016/06/12 Python
Python的collections模块中namedtuple结构使用示例
2016/07/07 Python
Python 模拟登陆的两种实现方法
2017/08/10 Python
Python字符串和字典相关操作的实例详解
2017/09/23 Python
python和shell监控linux服务器的详细代码
2018/06/22 Python
python版大富翁源代码分享
2018/11/19 Python
Python3字符串encode与decode的讲解
2019/04/02 Python
Python中的上下文管理器相关知识详解
2019/09/19 Python
Numpy中对向量、矩阵的使用详解
2019/10/29 Python
Python 类的魔法属性用法实例分析
2019/11/21 Python
英国最大的手表网站:The Watch Hut
2017/03/31 全球购物
中学教师管理制度
2014/01/14 职场文书
万年牢教学反思
2014/02/15 职场文书
《掌声》教学反思
2014/02/23 职场文书
投标承诺书范本
2014/03/27 职场文书
青春励志演讲稿
2014/04/29 职场文书
贷款担保书范文
2014/05/13 职场文书
2016年“我们的节日·端午节”活动总结
2016/04/01 职场文书
入党转正申请自我鉴定
2019/06/25 职场文书
Mysql将字符串按照指定字符分割的正确方法
2022/05/30 MySQL