`
747017186
  • 浏览: 334138 次
社区版块
存档分类
最新评论

iframe给主页面元素赋值

 
阅读更多

iframe给主页面元素赋值(转)

 

在框架中,我将组织成的 HTML 代码,最后将其填充至上层文档的一个元素中。按照一般的写法,我们需要用到类似如下的语句:

1.window.parent.document.getElementById("myEle").innerHTML = html;
使用 jQuery ,写法如下:

1.$("#myEle", window.parent.document).html(html);    $('#myEle, parent.document).html(str);

即指明了是在 window.parent.document 中查找 id=myEle 的元素。

另外还有一种实现方式,代码如下:

2.parent.$("#myEle").html(html);
这种方法要求父文档也要调用 jQuery 。

 

另:通过$("#itemid").val() 获取页面id为itemid的控件的值,如 <input name="itemid" id="itemid" value="1" type="hidden" />

在js中$("#itemid").val()的值为1

通过var type=$("[name='select_type']:checked");获取页面name为select_type,并且状态为选中的控件的值,如页面有一系列复选框,获取所有选中了的复选框的值,如果景区和住宿复选框被选中

<input type="checkbox" name="select_type"  value="2" id="复选框组1_1" />&nbsp;景区

<input type="checkbox" name="select_type" value="3" id="复选框组1_2" />&nbsp;住宿

那么type的值为一个数值

通过

var types='';
var temp='';

for(var i=0;i<type.length;i++)
 {
  temp=$(type[i]).val();
   types+=temp+",";
}

得到结果:2,3

分享到:
评论

相关推荐

    使用iframe实现点击导航无刷新切换页面

    这里的JavaScript函数`changeIframe`接收一个参数,即要加载的页面URL,并将其赋值给`iframe`的`src`属性,从而实现在导航栏点击时无刷新切换内容。 **三、Bootstrap导航栏的响应式设计** Bootstrap的导航栏是响应...

    用js互相调用iframe页面内的js函数

    在这个场景下,涉及到的一个常见需求就是如何用JavaScript在主页面与`iframe`页面之间互相调用函数,以便于进行更复杂的交互。 标题提到的问题是在各种浏览器中,尤其是考虑到跨浏览器兼容性时,如何用JS实现主页面...

    iframe框架使用(完美版)

    1. **JavaScript监听滚动事件**:通过监听iframe的`load`事件,当内容加载完成后,获取iframe的contentWindow或contentDocument对象,计算其高度并赋值给iframe的height属性。 2. **使用postMessage通信**:如果...

    iframe自适应高度(DOM动态操作)

    - **跨域限制**:当`iframe`加载的内容与主页面不在同一域名下时,由于同源策略的限制,可能会出现安全问题,导致无法访问`iframe`内部的内容。 - **性能考虑**:频繁地调用`reinitIframe`函数会增加页面的负担,...

    浅谈layer的iframe弹窗给里面的标签赋值的问题

    然后,我们使用jQuery选择器找到需要赋值的元素,如`$("#userName")`,并使用`.val()`方法将值设置为从主页面传递过来的数据。这里的`rows[i].UserName`就是从主页面表格中获取的当前行的用户名。同样的方式,我们也...

    html中iframe控制父页面刷新实现思路及代码

    在HTML网页设计中,iframe是一个非常实用的元素,它允许将一个HTML页面嵌入到另一个HTML页面中,相当于在主页面中打开一个独立的子窗口。但是,在某些情况下,我们需要控制子页面以达到刷新父页面iframe内内容的效果...

    解决同一页面中两个iframe互相调用jquery,js函数的方法

    iframe中的页面相对于主页面来说是独立的,它们有各自的DOM树和作用域。如果要在iframe之间互相调用jQuery或JavaScript函数,首先确保它们都是同源的,否则会遇到安全限制,导致无法互相通信。 在本文的示例中,...

    js打印工具.zip

    2. **赋值给IFrame**:通过`iframe.contentWindow.document.write()`或`iframe.contentDocument.body.innerHTML`向IFrame填充HTML内容。 3. **设置打印选项**:使用`window.frames['iframeName'].print()`或`window...

    自适应高度处理

    例如,可以获取`iframe`内容Document的body高度,并赋值给`iframe`的`height`属性。 ```javascript var iframe = document.getElementById('myIframe'); function setHeight() { iframe.style.height = iframe....

    javascript跨文档调用技术.pdf

    首先,创建一个IFrame元素并添加到页面中,然后利用`frames`对象访问IFrame的窗口,接着在IFrame的文档中写入脚本,将IFrame的Array对象赋值给父页面的`Array2`变量。这样,父页面就能使用IFrame中的Array实例,而...

    用javascript动态调整iframe高度的代码

    动态调整`iframe`高度的基本思路是:监听`iframe`内容加载完毕后,通过JavaScript获取其内部文档的实际高度,并将这个高度赋值给`iframe`的`height`属性。具体来说,可以分为以下几个步骤: 1. **确定`iframe`元素*...

    完美解决JS文件页面加载时的阻塞问题

    iframe注入是指在一个iframe元素中加载JavaScript代码,由于iframe的加载不会影响主页面的渲染,因此可以避免阻塞。但是iframe的开销相对较大,需要权衡使用。 3. DOM注入: DOM注入是通过创建script元素并指定其...

    html5预览pdf文档

    然而,直接使用PDF文件的HTTP/HTTPS URL可能会有跨域问题,这时可以利用`fetch` API获取PDF内容,转换成Blob对象,然后生成一个`blob:` URL,将这个URL赋值给`&lt;iframe&gt;`的`src`,这样就可以规避跨域限制。...

    input file的默认value清空与赋值方法

    另一种方法是利用`&lt;iframe&gt;`来预加载一个包含文件选择器的页面,然后通过JavaScript将选中的文件复制到主页面的文件输入元素中。这种方法涉及到跨域问题和浏览器兼容性,实现起来较为复杂。 总结来说,针对`...

    一个多次搜索+多次传值的解决方案

    在代码中,`list_array`变量被用来遍历`iframe`内的人员ID列表,通过循环获取每个被选中的ID,并将其组合成一个字符串,最后将这个字符串赋值给主页面的某个表单字段。 在多处表单字段需要填入人员信息的情况下,...

    IE6/IE7/IE8兼容本地上传图片并预览源代码

    `&lt;iframe&gt;`可以创建一个独立的浏览上下文,这样可以在不影响主页面的情况下加载和显示图片。而`ActiveXObject`则是IE特有的,它允许JavaScript访问COM组件,如`Microsoft.XMLHTTP`或`Image`对象,从而实现文件操作。...

    前端web知识点

    - **使用隐藏的 iframe 作为代理**:通过一个与目标数据相同域的页面,利用该页面内的 AJAX 请求获取数据,再将数据返回给主页面。 - **`window.name` 属性**:由于 `window.name` 是所有页面都可访问的共享属性,...

    12个超实用的JQuery代码片段

    在jQuery中,可以通过别名的方式来避免命名冲突,例如将`jQuery`对象赋值给一个不同的变量名(如`$j`),从而在项目中避免冲突。 #### 8. 克隆表格头部信息到表格底部 为了提高表格的可读性,常常需要在表格底部...

    前端面试题

    - **跨域问题**:由于同源策略限制,iframe与主页面之间可能存在跨域访问限制。 **14、Label的作用是什么?是怎么用的?(加for或包裹)** - **Label**标签用来为表单控件定义标签,增强可访问性。使用时通过`for`...

Global site tag (gtag.js) - Google Analytics