jquery 与javascript 获取iframe内的对象方法

1.在父窗口中操作 选中iframe中的所有单选钮

$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");

2.在iframe中操作 选中父窗口中的所有单选钮

$(window.parent.document).find("input[@type='radio']").attr("checked","true");

iframe框架的

:<iframe src="test.html" id="iframe1" width="700" height="300" frameborder="0" scrolling="auto"></iframe>

ie7中测试通过

1 $(window.frames["iframechild"].document).find("#child")

2 $("#child",window.frames["iframechild"].document)

 

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"

"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> 
<html xmlns="http://www.111cn.net/1999/xhtml"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=gb2312" /> 
<title>页面首页</title> 
</head> 
 
<body> 
<iframe src="iframe.html" id="koyoz" height="0" width="0"></iframe> 
</body> 
</html>  

iframe.html 内容:

xml/html代码

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"

"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=gb2312" /> 
<title>iframe.html</title> 
</head> 
 
<body> 
<div id="test">www.111cn.net</div> 
</body> 
</html> 

网页特效代码

document.getelementbyid('koyoz').contentwindow.document.getelementbyid('test').style.color='red'  

通过在index.html访问id名为'koyoz'的iframe页面,并取得此iframe页面内的id为'test'的

对象,并将其颜色设置为红色.

 

时间: 2024-11-01 13:12:50

jquery 与javascript 获取iframe内的对象方法的相关文章

javascript 获取iframe里页面中元素值的方法

 本篇文章主要是对javascript获取iframe里页面中元素值的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 IE方法: document.frames['myFrame'].document.getElementById('test').value;   火狐方法: document.getElementById('myFrame').contentWindow.document.getElementById('test').value;   IE.火狐方法:   代码如

javascript 获取iframe里页面中元素值的方法_javascript技巧

IE方法:document.frames['myFrame'].document.getElementById('test').value; 火狐方法:document.getElementById('myFrame').contentWindow.document.getElementById('test').value; IE.火狐方法: 复制代码 代码如下:     function getValue(){          var tmp = '';          if(docume

JavaScript中的内置对象--Number对象

JavaScript中的内置对象有以下6个: 1.Number对象 2.Boolean对象 3.Data对象 4.Math对象 5.String对象 6.Array对象 在JavaScript中,数字是一种基本的数据类型,同时JavaScript还支持Number这个对象,该对象是原始数值的包装对象.在必要的时候,JavaScript会自动地在原始数据和对象之间转换. 创建一个Number对象的2中不同方法: var num1=Number("123"); var num2=new N

基于JavaScript获取鼠标位置的各种方法_javascript技巧

在一些DOM操作中我们经常会跟元素的位置打交道,鼠标交互式一个经常用到的方面,令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果,这篇文章就上鼠标点击位置坐标获取做一些简单的总结,没特殊声明代码在IE8,FireFox,Chrome下进行测试兼容 鼠标点击位置坐标 相对于屏幕 如果是涉及到鼠标点击确定位置相对比较简单,获取到鼠标点击事件后,事件screenX,screenY获取的是点击位置相对于屏幕的左边距与上边距,不考虑iframe因素,不同浏览器下表现的还算一致. functi

Struts2 action中访问jsp内置对象方法

方法1.通过 ActionContext.getActionContext()  返回了一个ActionContext 通过以下方法获取  代码如下 复制代码 ActionContext ac = ActionContext.getContext(); ac.get("tip");     //默认是获取request中的属性,获取request内置对象的tip属性 如果要获取其他范围的属性 ac.getApplication().get("tip")     //

JavaScript获取指定元素位置的方法

 本文实例讲述了JavaScript获取指定元素位置的方法.分享给大家供大家参考.具体如下: 代码如下: function showpane() { var self = document.getElementById("eID"); var left = self.getBoundingClientRect().left + document.documentElement.scrollLeft; var top = self.getBoundingClientRect().top

javascript获取web应用根目录的方法

 这篇文章主要介绍了javascript获取web应用根目录的方法,需要的朋友可以参考下  代码如下: <script>  function getRootPath(){  var strFullPath=window.document.location.href;  var strPath=window.document.location.pathname;  var pos=strFullPath.indexOf(strPath);  var prePath=strFullPath.sub

javascript获取当前鼠标坐标的方法_javascript技巧

本文实例讲述了javascript获取当前鼠标坐标的方法.分享给大家供大家参考.具体实现方法如下: 对于javascript获取当前鼠标坐标来说,得对不同浏览器的坐标位置有所了解.具体代码如下: 复制代码 代码如下: <html> <head> <title>javascript获取当前鼠标坐标</title> <meta http-equiv="content-type" content="text/html;chars

Javascript 获取链接(url)参数的方法[正则与截取字符串]_javascript技巧

当然,我们也可以用正则直接匹配,文章中也给出了一个正则的例子. 分解链接的方式: 复制代码 代码如下: <script type="text/javascript"> <!-- // 说明:Javascript 获取链接(url)参数的方法 function getQueryString(name) { // 如果链接没有参数,或者链接中不存在我们要获取的参数,直接返回空 if(location.href.indexOf("?")==-1 || l