javascript对象的相关操作

Window对象

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

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

调用对象属性的语法:

  1. 对象.属性名=“属性值”;

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

调用对象方法的语法:

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

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>

效果截图:

时间: 2024-07-30 23:25:44

javascript对象的相关操作的相关文章

javascript对象定义和操作

//js对象定义有三种方式//js方法定义有三种方式 function fn(){} var fun = function(){} var fun = new function() {} //******** *********************************//<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <titl

了解JavaScript 对象的属性操作

提起操作, 很多人都会想到我们学习过程中最经常做的操作, 就是对数据库进行增, 删, 改, 查, 既然提到这个, 那么对于对象的属性操作也不例外, 基本上可以说也是这几个操作. JS中对象的属性标签 writable(可写), enumerable(可枚举), configurable(可配置), value(值), get/set(get, set方法). 这几个标签会在后面逐渐丰富, 这里先简单介绍下. 属性的读写 属性的读写在介绍对象的时候基本已经说的差不多了, 这里补充和总结一下. 这里

JavaScript对象之属性操作

在js对象中,我们可以对对象属性进行操作. 上图的要点为:for-in会把原型链上的可枚举属性也列出来. 上图的要点为:可以使用逻辑运算符&&进行层层查找对象是否为undefined,从而在赋值过程中不报错. 上图的要点为: 1.delete不存在的属性,依旧返回true. 2.Object.getOwnPropertyDescriptor()是返回某个对象的描述对象,这有点像Java的反射类. 3.Object.prototype不可配置. 上图的要点为: 1.delete全局变量和局部

JavaScript对象属性赋值操作的逻辑

对象进行属性赋值操作时,其执行逻辑如下所示: 1. 当前对象中是否有该属性?有,进行赋值操作:没有,进行下一步判断. 2. 对象的原型链中是否有该属性?没有,在当前对象上创建该属性,并赋值:有,进行下一步判断. 3. 原型链中该属性是否允许操作?是,在当前对象上创建同名属性,并赋值:否,属性赋值失败. 无论是属性赋值还是新建属性,都是在当前对象上进行的,不会修改原型链!第三种情况下,新建的属性将会覆盖对象从原型链继承来的同名属性.

php 的空间命名以及对对象的相关操作,扩展到对数据库的相关函数

<?phpdefine("BASDIR",__DIR__);include BASDIR."/Phpclass/Loader.php";spl_autoload_register("\\Phpclass\\Loader::autoload_rege"); \Phpclass\Gener::test();\Phpclass\Gener::username()."\n"; $db = new \Phpclass\Databa

Javascript 对象的常见操作

Javascript 获取对象中值,新增属性,删除属性 javascript 中可以动态添加 对象属性 <html> <head> <script type="text/javascript"> var obj = new Object(); alert (obj.username); obj.username = "allen"; alert (obj.username); </script> </head&g

js 中对象--属性相关操作

查询属性: 可以用 对象.属性 来查询属性和属性方法               或者                    对象[“属性”]  来查询属性和属性方法 演示代码: 1 <script> 2 var obj ={ 3 username:"ziksang", 4 age:22, 5 addr:"北京", 6 say:function(){ 7 return "我的名字叫 "+this.username //解析this,此

Javascript 日期格式化 相关操作

1.相关扩展函数 //--------------------------------------------------- // 判断闰年 //--------------------------------------------------- Date.prototype.isLeapYear = function() { return (0==this.getYear()%4&&((this.getYear()%100!=0)||(this.getYear()%400==0)));

javascript时间的相关操作

求时间差:求两个时间戳之间的差值 var date1=new Date(); //开始时间 var date2=new Date(); //结束时间 var date3=date2.getTime()-date1.getTime() //时间差的毫秒数,date3即为差值 根据上面的差值计算出相差天数: var days=Math.floor(date3/(24*3600*1000)) 根据上面的差值计算出小时数: var leave1=date3%(24*3600*1000) //计算天数后剩