document.frames()与document.frames[]

document.frames()与document.frames[]

document.frames('reportFrame').document
不是很了解,有两个document,其中document.frames('reportFrame')指的是当前文档中一个name属性为'reportFrame'的frame的window对象(不是DOM对象),然后接一个".document"就取得了DOM对象,这个DOM对象就是你要查找frame中ID为reportFrameForm的DOM对象的context

$("#reportFrameForm",document.frames('reportFrame').document)
先解释document.frames('reportFrame').document
这句是原生态的javascript意思是.获取当前文档(document)里框架集(frames)里id/name为reportFrame文档(最后的那个document)

jQuery语法:$(选择器,[待查文档])
如果没有指定[待查文档]就是$(选择器)这样,指从当前文档查询.如果指定了[待查文档]就从指定的待查文档里查询选择器.

$("#reportFrameForm"
的意思就是"找到id为reportFrameForm的DOM元素

$("#reportFrameForm",document.frames('reportFrame').document)
整句的意思就是:
从当前页面的名字为reportFrame的框架页面里找到id为reportFrameForm的元素.
----------------
大致可以猜出这句是操作嵌入页里的一个叫reportFrameForm的表单


document.frames()与document.frames[]的区别


<html>
<body>
<iframe id="ifr_1"
name="ifr_1">
</iframe>
</body>
</html>
其中:
document.frames(“ifr_1”)可以得到一个 window对象
document.frames[“ifr_1”] 可以得到一个Html Element DOM对象

 

 

 

-______________________________________________

 


 <script type="text/javascript">
  //使用原生态javascript操作DOM
  function getFrameDom(){
   var aa = window.parent.frames["topFrame"].document.getElementsByName("n");
   for ( var i = 0; i < aa.length; i++) {
    alert(aa[i].style.display = "");
   }
   var a = document.frames("topFrame");
   alert("a----" + a);
   var b = document.frames["topFrame"];
   alert("b----" + b);
  }
 </script>
  </head>
 
  <body bgcolor="#33CCFF">
     我是列表页面<br>
     获取顶层fram的DOM对象<input onclick="getFrameDom();" type="button" value="跳转新页面 add.jsp"><br>
     获取顶层fram的window对象<input onclick="" type="button" value="跳转新页面 add.jsp"><br> 
  </body>

你可能感兴趣的:(document.frames()与document.frames[])