frame目前还是比较流行的,许多地方都通过它来实现特殊的情况。比如说传统的上传、select在ie6下、代理、跨域等等。今天呢,简要的记述一下跨iframe的相关操作,主要是用jQuery操作DOM结构方面。 代码如下: 代码如下:$(#read-aa).click(function() { var v=$(#aa).contents().find(body).html(); alert(v); }); $(#write-aa).click(function() { $(#aa).contents().find(div).append(这是index.php操作aa.php写入的...
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1、 格式:window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementByIdx_x("btnOk").click(); 2、 格式: var obj=document.getElementByIdx_x("iframe的name").contentWindow; var ifmObj...
用这锻代码 之前请先下载jquery库 代码如下: var maskStackCount = 0; function mask(method){ //这里是你想要进行遮罩的窗口,我这里想要遮罩的是一个iframe窗口,也可以用var winObj=$(window) var winObj=window.top.$("body").find("iframe[name=dialognormaliframe]"); if(typeof method == "undefined"){ method="open"; } if (method == "open") { if (maskStackCount <= 0) { var mask = $("").appendTo("body"); mask.cs...
domainA 中有一个页面index.html,通过iframe嵌套了domainB中的一个页面other.html由于other.html页面在iframe中显示,而且其页面内容会动态的增加或减少,现在需要去掉iframe的滚动条由于javascript同源策略的限制,无法进行跨域操作,使得问题比较棘手参考了一下网上的做法,引入了一个代理页面,或者叫做中介 agent.html,属于domainA然后,在domainB 中的other.html中,再使用iframe将agent.html进行嵌套 好了,现在情况是这样...
兼容主流浏览器的 Iframe 自适应高度,js脚本如下: 代码如下: //iframe 高度自适应 function iframeAutoFit(iframeObj) { setTimeout(function () { if (!iframeObj) return; iframeObj.height = (iframeObj.Document ? iframeObj.Document.body.scrollHeight : iframeObj.contentDocument.body.offsetHeight); }, 200); } 调用方法: 代码如下: <iframe id="HQRight" name="HQRight" onload="javascript:iframeAutoFit(this)...
jQuery的弹出框使用很方便,但是如果在iframe中使用则弹不出对话框,而有时候我们还必须得使用iframe而不能用jQuery的load方式,这个时候就需要处理这个问题。 其实也非常简单,思路就是让iframe的父窗口弹出这个对话框。例如: parent.confirmDialog(); 这样就可以用了。不是什么有技术含量的问题,记下来,防止忘记。
直接赋值如下代码测试即可明白: 1.html: 代码如下:无标题文档 ====================注意:测试从这里开始=========================用来测试子窗体iframeA访问父窗体的某元素====================iframe分割线=============================================iframe分割线=========================先来演示:父窗体访问子窗体中的某方法或元素总结:父窗体访问子窗体的方法跟元素采用不同的方式 //子窗口访问父窗口方法 functi...
IE方法:document.frames['myFrame'].document.getElementById('test').value; 火狐方法:document.getElementById(myFrame).contentWindow.document.getElementById(test).value; IE、火狐方法: 代码如下: function getValue(){var tmp = ;if(document.frames){tmp += ie哥说:;tmp += document.frames[myFrame].document.getElementById(test).value;}else{tmp = document.getElementById(myFrame).contentWindow.document.g...
代码如下: window.onload=function(){ upfile('file.php'); } /* ** url 路径 **/ function upfile(url){ //创建iframe var iframe = document.createElement("iframe"); document.body.appendChild(iframe); iframe.id = 'iframeName'; iframe.name = 'iframeName'; iframe.style.display = 'none'; //创建form var turnForm = document.createElement("form"); document.body.appendChild(turnForm); turnForm.method = 'post';...
1、父页面中的iframe 代码如下: 2、子页面中元素的属性 代码如下: 3、取子页面中DateTextBox中值 代码如下: var statisDate = window.frames["parentPage"].document.getElementById(date).value;
1、动态加载js,css文件(用原生js和jquery) iframe结构: frame0(父) frame2(子) frame3(子) frame2中触发事件,动态的向frame3中 加载js、css文件和 dom元素? *同级之间可以调用,可以 通过 子-父-子 的方式调用同级 parent.parentFram(“这个方法在调用其他子farme”); 1.jquery的append() 代码如下: 速度快,同步(需要引入jquery) var oBody = document.getElementById("frame3_id").contentWindow.$("body"); var str ...
通过隐藏iframe实现文件下载的js方法介绍 代码如下: function download(){ //下载文件的地址 var url="http://music.baidu.com/data/music/file?link=http://zhangmenshiting.baidu.com/data2/music/13618994/13618995183600128.mp3?xcode=48d4a720fcd9a974586066d0145f7207"; document.getElementById("ifile").src=url;}downloadJavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布到npm的方法Vue利用c...
代码如下: function SetCwinHeight(obj) { var cwin = obj; if (document.getElementById) { if (cwin && !window.opera) { if (cwin.contentDocument && cwin.contentDocument.body.offsetHeight) cwin.height = cwin.contentDocument.body.offsetHeight + 30; else if (cwin.Document && cwin.Document.body.scrollHeight) cwin.height = cwin.Document.body.scrollHeight + 30; } } } 代码如下: <iframe id="IframeId_help" s...
1、程序说明1) 此程序可以实现选择页面中的区域进行打印,以iframe方式进行打印;2) 与原生态的print() 区别在于,取消打印页面后可以完整保留当前访问页面的内容。2、代码部分 1) JS 函数:代码如下:function do_print(id_str)//id-str 打印区域的id{var el = document.getElementById(id_str);var iframe = document.createElement(IFRAME);var doc = null;iframe.setAttribute(style, position:absolute;width:0px;height:0px;l...
在页面中如何控制内嵌的iframe滚动呢?方法是使用iframe window的scroll方法: 1、获取iframe的窗口对象 var iwin = document.getElementById('iframe1').contentWindow; 2 、获取iframe的窗口document对象 var doc = iwin.document; 3、调用iframe window对象的scroll方法 iwin.scroll(0,doc.body.scrollHeight); scroll两个参数为x,y轴的滚动量 doc.body.scrollHeight为iframe页面的高度(包含未显示的部分) 一个综合应用例子如...