精华内容
下载资源
问答
  • 获取iframe中的form

    2013-11-05 15:47:19
    DOM获取页面中的iframe: 1 window.frames["iframeChild"].document //假如iframe的id为iframeChild 2 window.parent.document //在子窗口中操作父窗口 获取页面的对象其实...
    DOM获取页面中的iframe:
    1 window.frames["iframeChild"].document    //假如iframe的id为iframeChild
    2 window.parent.document    //在子窗口中操作父窗口

    获取页面的对象其实就是DOM方法外面加上jquery的选择符:
    1 $(window.frames["iframeChild"].document)    //假如iframe的id为iframeChild
    2 $(window.parent.document)    //在子窗口中操作父窗口

    接下来就可以继续获取iframe内的DOM了,获取iframe内的dom对象有两种方法:
    1 $(window.frames["iframeChild"].document).find("#child")    //第一种
    2 $("#child",window.frames["iframeChild"].document)    //第二种

    1.在父窗口中操作 选中IFRAME中的所有单选按钮
    1 $(window.frames["iframeChild"].document).find("input[@type='radio']").attr("checked","true");

    2.在IFRAME中操作 选中父窗口中的所有单选按钮
    1 $(window.parent.document).find("input[@type='radio']").attr("checked","true");
    在父页面提交iframe中的表单
     frames["iframe"].document.forms["form1"].action="${base}/comSub.jspx";
     frames["iframe"].document.forms["form1"].submit();
    展开全文
  • xhEditor中的方式是:先提交Form表单,Form.submit();然后再设置iFrame加载完成事件,用于获取表单提交成功后的结果,iFrame.load(loadFunc()); loadFunc方法中,获取表单提交结果的方法如下:Var responseTxt = $...

    xhEditor中的方式是:先提交Form表单,Form.submit();然后再设置iFrame加载完成事件,用于获取表单提交成功后的结果,iFrame.load(loadFunc());

    loadFunc方法中,获取表单提交结果的方法如下:Var responseTxt = $(iFrame.contentWindow.document.body).text();

    若responseTxt为Json对象,则可以通过以下方法将该对象序列化:

    Var data = Object;

    try{data=eval('(' + responseTxt + ')');}catch(ex){};

    若iFrame.load(loadFunc())方法无法为iFrame设置onLoad事件,则可以使用iFrame.attachEvent( "onload",loadFunc);

    ======================================================================================

    有时在IE中对动态创建和修改的onload事件函数没有反应,并非iframe不支持onload事件,折中的就是给onload事先绑定一个空函数,有需要时,去修改这个函数的值。

    可能的原因是IE加载到iFrame时,就设置其状态为加载完成,所以不会触发onLoad事件,通过createElement创建的iframe,也是相同原因,创建好iFrame后就已经onload完成,所以以后设定onload事件就不会生效了。针对这个问题可以不使用createElement创建iframe,直接内嵌到一个DIV里,逃过IE的检测,类似如下代码:

    var newdiv = document.createElement('div');

    newdiv.innerHTML = '<iframe id="iframe1" src ="test.html" οnlοad="test()"></iframe>';

    document.body.appendChild(newdiv);

    该方法适用于IE / Firefox / Opera 浏览器。

    ===============================================================================

    兼容多浏览器的操作iFrame中内容的代码如下:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    function (){
            var doc;
            if (document.all){//IE
                    doc = document.frames["iframe1"].document;
            }else{//Firefox   
                    doc = document.getElementById("iframe1").contentDocument;
            }
            doc.getElementById("title").style.color = "red";
    }
     
    展开全文
  • index.html内容: 1 2 <iframeid="mpage"name="mpage"onload="AdaptorHeight()"style="border-style:none;height:100%;width:100%;" scrolling="auto"frameborder="0"s...

    index.html内容:

    1
    2
    <iframe id="mpage" name="mpage" onload="AdaptorHeight()" style="border-style: none; height: 100%;width: 100%;"
    scrolling="auto" frameborder="0" src="test.html">


    test.html内容:

    1
    2
    3
    <form name="f1" id="f1" action="" method="post"
       <input name="uid" id="uid" type="text" value="input" /> 
    </from>

    方法一:通过ID获取

    1
    var name =  parent.document.getElementById("mpage").contentWindow.document.getElementById('uid').value;

    方法二:通过Form获取

    1
    var name1 =  parent.document.getElementById("mpage").contentWindow.document.forms['f1'].uid.value;




         本文转自stock0991 51CTO博客,原文链接:http://blog.51cto.com/qing0991/1427477,如需转载请自行联系原作者




    展开全文
  • 第二步----在iframe指向页面创建一个name和id都为f1表单和textarea 记得一定要加上这句话 ,我们在前面页面才能取到textarea值 第三步----我们在主页面写一段JS...

    第一步----在iframe附近创建一个隐藏域






    第二步----在iframe指向的页面中创建一个name和id都为f1的表单和textarea






    记得一定要加上这句话 ,我们在前面的页面才能取到textarea的值




    第三步----我们在主页面写一段JS代码,也就是编辑完textarea内容后,将textarea值赋给前台隐藏域(goods_desc)




    最后----k,现在我们主页面的隐藏域就可以正常获取iframe框架指向页面内textarea内的值了

    展开全文
  • layer中获取iFrame中的数据

    万次阅读 2017-06-03 17:53:37
    layer.open({ type: 2, title: '编辑音乐', shadeClose: false, shade: 0.8, btnAlign: 'c', area: ['480px', '315px'], btn:['保存修改','取消修改'], yes:function(index,... var form
  • 因此想到用父页面里面的js来获取,子页面iframe里面的form表单内容,同时提交到后台处理。 子页面: 父页面:function submitFORM(XX){ var childIframeArr =document.getElementsByTagName('ifra
  • 子页面(jbox中的页面)部分代码: &lt;form:form id="addLineForm" modelAttribute="hfsjProductLine"&gt; &lt;div style="padding-top:5%;padding-left: 20%;padding-...
  • html中的代码:file.php中的代码://请求接收if(isset($_FILES["file"])){$F=$_FILES["file"];$File->upfile($path,$F);}//文件保存主函数class File{public function upfile($path,$file){$type=$file["type"];$...
  • 网页中经常要嵌套一些iframe,在提交表单的时候,还需要把iframe中的值取出来,和父页面的form一起提交,很麻烦,好不容易找了个方法,做个笔记: var tag= document.frames['iframe'].tagname; tagname...
  • 部分代码如下: ”frm” action=”bb.asp”>   <td><input type=”text” name=”BH”>   <td><iframe name=”ScrollFrame” src=”aa.asp” width=”100%”>.../form> 问题:如何在
  • 1、如果这两个页面是父子关系(既iframe嵌套)取值方法var a=$("#"+Iframe的id).contents().find(&...//获取id等于b的input元素的值2、获取iframe嵌套的页面中的form表单var form = document.getElementBy...
  • <p>I have a form inside of an iframe in my CodeIgniter application: <pre><code><div class="settings"><h2>Einstellungen</h2> <div class="main-content"> <iframe src="" ...
  • (normally passing a form and post data to it from a form on the first and displaying in an iframe) Naturally this is cross domain. I want to do a failsafe to ensure that the post data is only being ...
  • 实现form提交表单不刷新页面方法(下面标签要去除标签前空格才能使用): <form id="form" method="POST" enctype="multipart/form-data"> </form> <iframe id="iframe" name="iframe" src=...
  • 1、父页面中的iframe 代码如下: <iframe name=”parentPage”></iframe> 2、子页面中元素的属性 代码如下: <input type=”text” id=”date” data-dojo-type=”dijit/form/DateTextBox” value=”...
  • 在html界面完成类似ajax方式上传方式,这种方式可以通过form+iframe的方式实现,我们通过form表单提交,将数据都输出到iframe上,然后获取里面json数据,转化为json对象,然后获取里面信息,设定到界面上...
  • 1.第一次进入界面,抓取iframe中的内容; temp_iframe = browser.find_element_by_xpath('//*[@id="rrapp"]/div[1]/section[2]/iframe') browser.switch_to.frame(temp_iframe)``` ``` 2.iframe中有点击...
  • <iframe>引用页面传值获取不到问题

    千次阅读 2017-07-29 15:34:43
    今天给同事调试程序时发现这个...运行起来看浏览器中的源代码效果是这样的 iframe src="webuser/banktt.do?USER_ID="+3d8dd9eaefbf4e1189565122ab5ec35a>iframe> 所以肯定无法获取到正确的值 更改后 form
  • 1、父页面中的iframe &lt;iframe name="parentPage"&gt;&lt;/iframe&gt; 2、子页面中元素的属性 &lt;input type="text" id="date" data-dojo-type="...
  • form上传文件并获取返回值

    千次阅读 2018-01-23 13:54:32
    原理:页面写一个隐藏的iframeform的target指向这个iframe,在iframe的load事件中获取返回结果。 <!-- 上传 --> <form action="" method="post" enctype="multipart/form-data" target="hidden_frame" ...
  • 因为要用到一个通用上传,所以直接把以前写一个上传程序Copy过来了,想着传递两个参数,input名称和form的名称,然后就能自动把值返回过去了,在其他项目直接调用这个就好了,结果写好后,在本地测试正常,...
  • iframe元素会创建包含另外一个文档的内联框架 ...那么伪造ajax的方式即为将向服务端发送请求返回的数据返回到iframe中,再使用js从iframe中的文档中取出数据使用。 具体方式简单举例: <form action=...
  • 2、vue如何获取iframe对象以及iframe内window对象? 3、vue如何向iframe内传送信息? 4、iframe内如何向外部vue发送信息? 1、Vue组件如何引入iframe? <template> <div class="act-form"> &...
  • 在项目开发,有时候会遇到在IE8,9中获取iframe内容出现拒绝访问。例如下面这句: var html = iframe[0].contentDocument.body.innerHTML;经过反复查找之后,并非是跨域,或者其他问题。结果发现是
  • iframe说明 iframe相当于页面一个子页面,效果如图: ...当我们想要提交表单结果显示在iframe中,我们需要在form表单中加入target指向iframe(与其name一致) 但当我们不想让提示内容显示在if...
  • iframe使用技巧总结

    2014-06-17 11:40:45
    1. 在父页面中获取子页面中的元素 :  var printForm = window.frames["iframe3"].document.getElementById("form1"); printForm.submit(); 其中iframe3是iframe的name属性而不是iframe的...

空空如也

空空如也

1 2 3 4 5
收藏数 93
精华内容 37
关键字:

获取iframe中的form