`
nicegege
  • 浏览: 589466 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

查看js对象的所有属性而引发的问题

 
阅读更多

1.查看document.iframe1对象的所有属性。

 

1.查看document.iframe1对象的所有属性。



<html>
<body>
<frameset rows="40%,40%,20%">
<iframe name="iframe1"  src="/example/hdom/frame_a.html" id="frame1" marginheight="50"></iframe>
<iframe src="/example/hdom/frame_a.html" id="frame1" marginheight="50"></iframe>
<iframe src="/example/hdom/frame_a.html" id="frame1" marginheight="50"></iframe>

</frameset>
<br /><br />

<script type="text/javascript">
x=document.getElementById("frame1");
document.write("Top and bottom margins of the iframe are: ");
document.write(x.marginHeight);
alert(document.iframe1);
alert(document.iframe1.name);
var str="";
var res="";
for(var p in document.iframe1){
   res+=p+",";
}
for(var p in x){
   str+=p+",";
}

if(document.iframe1 instanceof x){
   alert("=");
}else{
   alert("bu=");
}
alert(str);
alert(res);
alert(document.iframe1.id);
alert(document.iframe1.src);


document.write(document.iframe1.marginHeight);

</script>

</body>
</html>

 

 

总结:我本来想通过查看所有属性看到iframe标签的src,id等属性,首先用document.iframe1获取iframe1对象,显示所有属性,找不到src,id等属性。再用document.getElementById("iframe1")获取对象,再显示所有属性,这次看到了src,id等属性,而且这次看到的属性比前一次的多很多。显然document.标签名获取的对象document.getElementById("标签id")获取的对象不是完全一样,我的理解是在js规范中这两个对象是一样的,但是各个浏览器的实现上有些区别,我用的是IE8,对两个方式获取文档对象的实现上有差别,第二种方式实现的比较全面,以后还是使用第二种方式获取对象比较好,不容易出错。
 

 

 

 

 

分享到:
评论

相关推荐

    idx遍历JavaScript对象和数组属性的实用工具

    "idx"是一个实用工具库,专为遍历JavaScript对象和数组属性而设计,它简化了对这些数据结构的访问和操作。 在JavaScript中,对象可以看作是键值对的集合,而数组则是一系列有序元素的集合。遍历这些数据结构通常...

    这是一个用于安全获取javascrpt对象数组中深层次的属性元素的库

    2. **链式访问**:允许开发者通过一个字符串或数组表示的路径来访问多层深的对象属性,如`get(obj, 'deep.nested.property')`。 3. **处理数组**:可能包括根据索引获取数组元素的功能,同时处理越界情况。 4. **...

    js校验对象参数说明表

    - 对象属性检查:通过检查对象是否包含特定的属性或属性值来验证。 - 使用库或框架:如` Joi `, ` Yup `, 或 ` validate.js `等,它们提供了更强大的验证规则和错误处理。 3. **对象参数校验的基本步骤**: - ...

    对象不支持此属性或方法.rar

    标题“对象不支持此属性或方法.rar”以及描述中的“对象不支持此属性或方法工具”都指向一个常见的编程错误,通常在使用VBScript、VBA、JavaScript或其他面向对象编程语言时会出现。这个错误通常意味着你尝试访问或...

    JS脚本运行缺少对象

    标题与描述:“JS脚本运行缺少对象”,这一问题在网页开发和维护中较为常见,主要表现为JavaScript脚本在执行过程中因找不到预期的对象而引发错误。这种情况不仅会影响网页的正常加载和功能实现,还可能导致用户体验...

    JavaScript面向对象的支持

    JavaScript还支持原型链,使得对象可以继承其他对象的属性和方法,从而实现面向对象的继承特性。此外,JavaScript的动态性使得对象的属性可以在运行时添加或删除,提供了很高的灵活性。 JavaScript的封装和多态性...

    JS声明对象时属性名加引号与不加引号的问题及解决方法

    总结来说,对于JavaScript对象的属性名: 1. 如果属性名是合法的标识符,可以不加引号直接声明,也可以用点操作符或方括号操作符访问。 2. 当属性名包含非法字符或以数字开头时,必须用双引号括起来,且必须使用方...

    javascript 面向对象教程

    这意味着对象可以直接从其他对象继承属性和方法,而不是通过类实例化。这种模式提供了极大的灵活性,但也增加了理解和使用的复杂性。JavaScript中的函数作为“第一类公民”,不仅可以作为普通函数调用,还可以作为...

    vue 解决无法对未定义的值,空值或基元值设置反应属性报错问题

    但有时会发现,在操作过程中无法对未定义的值、空值或基本数据类型(基元值,如字符串、数字等)设置反应属性,这会引发错误提示:“Cannot set reactive property on undefined, null, or primitive value”。...

    举例说明JavaScript中的实例对象与原型对象_.docx

    在JavaScript中,实例对象与原型对象是两种关键的概念,它们构成了JavaScript对象继承的基础。每当你创建一个新的对象实例,它都会有一个内部链接到它的构造函数的原型。这个原型对象包含了可以通过实例对象访问的...

    JS面向对象教程(DOC)

    ### JS面向对象教程知识点解析 #### 一、JavaScript的面向对象特性 JavaScript作为一种脚本语言,自诞生以来就带有面向对象编程(OOP)的基因。然而,与传统的类(Class)-对象(Object)模型不同,JavaScript采用...

    JavaScript基于对象编程

    ### JavaScript基于对象编程详解 #### 4.1 面向对象编程与基于对象编程 在探讨JavaScript如何实现基于对象的编程之前,我们先来理解一下面向对象编程(Object-Oriented Programming, OOP)与基于对象编程(Object-...

    详谈js使用in和hasOwnProperty获取对象属性的区别

    相对的,`hasOwnProperty`方法是JavaScript对象的一个内置方法,它只检查对象自身的属性是否存在,而不考虑原型链上的属性。如果一个属性是对象自有的,无论它是否可枚举,`hasOwnProperty`方法都会返回`true`;如果...

    JavaScript面向对象编程(最终版).pdf

    当尝试访问一个对象的属性时,如果在该对象上找不到,JavaScript会继续在原型链上查找,直到找到该属性或者到达原型链的末端。 此外,JavaScript提供了一种特殊的对象,即正则表达式(RegExp)对象,用于处理文本...

    浏览器中JS的兼容问题

    在定义对象变量名时,推荐使用ID而不是名称,因为在IE中可以直接使用ID作为document的子属性,而在FF中不可以。 **2.2 变量名与HTML对象ID重复** 在FF中,即使变量名与HTML对象ID相同也不会引发冲突,但在IE中可能...

    Javascript之BOM(window对象)详解_.docx

    许多全局JavaScript对象,如location和navigator,实际上是window对象的属性。location对象用于处理当前页面的URL,navigator对象则提供了关于用户浏览器的信息。 当页面包含框架时,每个框架都有自己的window对象...

    JS浏览器兼容问题总结

    **现有问题**:在IE中,可以直接使用窗口对象的名字来访问frame,而在Firefox中则需要通过name属性来访问。 **解决方法**: 1. **统一访问方式**:对于需要兼容IE和非IE浏览器的情况,建议始终使用`document....

    js中window对象的事件1

    值得注意的是,并非所有错误都会触发JavaScript的`error`事件,通常只有JavaScript脚本的错误会引发此事件,而资源加载失败等其他类型的错误则不会。 例如,你可以设置一个计数器来限制错误的显示次数,避免页面被...

    ​ Owl 学习笔记之四---属性 内容 概述 定义 绑定功能属性 动态属性 默认属性 属性验证 良好实践 概述 在 Ow

    在这个示例中,`ComponentA` 的属性对象包含 `a` 和 `b` 键,而 `ComponentB` 的属性对象包含 `model` 键。 #### 绑定功能属性 通常需要将回调作为属性传递给子组件。由于 Owl 组件是基于类的,因此回调需要绑定到...

Global site tag (gtag.js) - Google Analytics