精华内容
下载资源
问答
  • js 获取frame元素内form表单的值
    2021-12-08 14:14:28

    通过dom获取到frame,再通过frame获取form表单中,input标签id对应的value

    var frame = document.getElementsByTagName('iframe')[0].contentWindow;
                var orgId = frame.document.getElementById('upper').value;
    更多相关内容
  • 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中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();
    展开全文
  • Iframe中获取父窗口表单的值(示例代码)部分代码如下:问题:如何在aa.asp判断表单(frm)输入框(BH)的值是否为空?-----------------------------------aa.asp文件测试代码----------------------------------...

    在Iframe中获取父窗口中表单的值(示例代码)

    部分代码如下:

    问题:如何在aa.asp中判断表单(frm)中输入框(BH)的值是否为空?

    -----------------------------------

    aa.asp文件测试代码

    ----------------------------------------------

    function   show(){

    if(document.parentWindow.parent.document.getElementsByName("BH")[0].value=="")

    alert("空的");

    else

    alert("不空");

    }

    时间: 2013-11-20

    一.父窗口调用iframe子窗口方法 1.HTML语法: 2.父窗口调用子窗口:myFrame.window.functionName(); 3.子窗品调用父窗口:parent.functionName(); 简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行 4.父窗口页面源码: 复制代码 代码如下:

    例如父窗口定义了一个事件. top: $(dom1).bind('topEvent', function(){}); 那么iframe里面的元素怎样触发父窗口dom1的事件呢?这样吗? $(dom1, parent.document).trigger('topEvent'); 看似正确,实则误导人. 因为父窗口的jquery对象与iframe里面的jquery对象实际为两个对象(function),iframe里面的jquery并不会触发另一个jquery对象定义的事件.除非你在iframe这样

    复制代码 代码如下:

    在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 在父窗口中获取iframe中的元素 格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click(); 实例:$("#ifm").contents().find("#btnOk").click(); 在iframe中获取父窗口的元素 格式:$(

    1. jquery 在iframe子页面获取父页面元素代码如下: $("#objid", parent.document) 2. jquery在父页面 获取iframe子页面的元素 代码如下: $("#objid",document.frames('iframename').document) 3.js 在iframe子页面获取父页面元素代码如下: indow.parent.document.getElementByIdx_x("元素id");

    一.前言 我页面用的是EasyUI的弹出窗口里面嵌入一个iframe. 第一:父窗口打开子窗口是一个新增用户信息的iframe子页面,点击保存后,子窗口iframe则去调用父窗口的function closeAddWindow()方法,让父窗口去关闭新增页面: 第二:父窗口打开一个设置用户权限的iframe子窗口,首先打开这个子窗口会全部加载数据库表中所有的存在的权限,然后子窗口需要把加载的权限信息拼接html  Append到一个ID为

    想要了解fastadmin中的js是怎么调用的,就应该先了解RequireJs. RequireJs是模块化工具,每一个我们自己的js文件或者库都可以看成是一个模块,按需引入.写法如下: src是引入requrejs框架文件,data-main是我们自己的js的总入口.js/main对应的js文件是js/main.js(可自行命

    父类能调用子类的方法吗? 答:能. 怎么做? 把子类传递到父类的有参构造中,然后调用. 使用反射的方式调用,你使用了反射还有谁不能调用的?! 父类调用子类的静态方法. 案例展示: package com.ywq; public class Test2{ public static void main(String[] args) { Son son = new Son(); Father father=new Father(son); father.fun1(); father.fun4();

    a标签点击事件方法汇总 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段. 这里的href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" ,其中javascript:是伪协议

    以下是我们易语言调用JS代码的步骤 步骤1: 步骤2: 步骤3: 步骤4: 以上就是四个详细步骤,感谢大家对我们的支持.

    1.iframe子页面调用父页面js函数 子页面调用父页面函数只需要写上window.praent就可以了.比如调用a()函数,就写成: 复制代码 代码如下: window.parent.a(); 子页面取父页面中的标签中的值,比如该标签的id为"test",则: 复制代码 代码如下: window.parent.document.getElementById("test").value; jQuery方法为: $(window.parent.document).c

    首先,有了一个swf文件,test.swf,同时也有一个自动生成的html文件,test.html. 然后,在另外一个文件,test.jsp中,通过iframe,引入了test.html,即引入了swf. 现在想要在test.jsp中,向flex传参,并调用flex中的方法,我采用的方法是: 首先,在jsp中写一个调用flex的方法,如下 复制代码 代码如下: function initSWF(){ //得到swf的object var obj = window.frames["rightfra

    本文实例讲述了JS实现iframe中子父页面跨域通讯的方法.分享给大家供大家参考,具体如下: 在非跨域的情况下,iframe中的子父页面可以很方便的通讯,但是在跨域的情况下,只能通过window.postMessage()方法来向其他页面发送信息,其他页面要通过window.addEventListener()监听事件来接收信息: #跨域发送信息 #window.postMessage()语法 otherWindow.postMessage(message, targetOrigin, [tra

    本文实例讲述了js实现iframe跨页面调用函数的方法.分享给大家供大家参考.具体实现方法如下: 在项目中难免会遇到这样一个问题就是页面引入了IFrame并且需要父页面调用子页面函数或者子页面需要调用父页面函数.比如说:现在有两个页面parent.html和child.html.其中parent.html中含有IFrame并且IFrame指向child.html.现在需要在parent.html/child.html中调用child.html/parent.html的一个js方法. 具体的代码实

    本文实例讲述了嵌入式iframe子页面与父页面js通信的方法.分享给大家供大家参考.具体分析如下: iframe框架中的页面与主页面之间的通信方式根据iframe中src属性是同域链接还是跨域链接,有明显不同的通信方式,同域下的数据交换和DOM元素互访就简单的多了,而跨域的则需要一些巧妙的方式来实现通信. 一.同域下父子页面的通信 父页面 parent.html: 复制代码 代码如下:

    展开全文
  • 本文实例讲述了JS实现向iframe中表单传值的方法。分享给大家供大家参考,具体如下: 给iframe加contentWindow属性后,才能赋值,在IE,firefox测试一切ok. 例如: 页面a.jsp [removed] function ExecuteSql() { var ...
  • xhEditor的方式是:先提交Form表单,Form.submit();然后再设置iFrame加载完成事件,用于获取表单提交成功后的结果,iFrame.load(loadFunc()); loadFunc方法获取表单提交结果的方法如下:Var responseTxt = $...
  • 主要介绍了Vue集成Iframe页面的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • HTML-form表单+iframe

    2020-11-24 10:08:49
    form 表单标签 form表单是标签是所有标签最核心标签之一,它是用来实现前后端交互的一个重要标签 常用属性: name:表单名称 action:表单数据提交的地方(通常是一个后台文件名(.jsp/.php/.asp/.aspx/.py等),或...
  • 1、父页面iframe 代码如下: <iframe name=”parentPage”></iframe> 2、子页面元素的属性 代码如下: <input type=”text” id=”date” data-dojo-type=”dijit/form/DateTextBox” value=”...
  • html的代码:file.php的代码://请求接收if(isset($_FILES["file"])){$F=$_FILES["file"];$File->upfile($path,$F);}//文件保存主函数class File{public function upfile($path,$file){$type=$file["type"];$...
  • 今天小编就为大家分享一篇layui弹出层按钮提交iframe表单的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 第二步----在iframe指向的页面创建一个name和id都为f1的表单和textarea 记得一定要加上这句话 ,我们在前面的页面才能取到textarea的值 第三步----我们在主页面写一段JS...
  • function iFrameHeight(ifm) { //var ifm = document.getElementById('iframeBox4'); //var subWeb = document.frames ? document.frames["iframeBox4"].document : ifm.contentDocument; // IE和其他浏览器兼...
  • 使用jQuery在iframe中获取HTML这是我的情况。我有一个名为iframe.html的文件,其中包含图像幻灯片的代码。该代码有点像用户可以使用嵌入代码将幻灯片添加到他们的博客或网站(可以来自不同的域)。 假设用户必须在...
  • 假设A,B,C,D都是页面,D是C的iframe,C是B的iframe,B是A的iframe,在D跳转页面的写法区别如下:js跳转: window.location.href、location.href:本页面跳转,即D页面跳转 parent.location.href:上一层页面跳转...
  •  submit 提交表单没有回调函数,但是可以用iframe来接收返回结果,最后进行格式转换就ok了; 原文地址: http://blog.csdn.net/simeng_1016/article/details/48008359 html: 部分代码 <form id="form_...
  • PHP FORM IFRAME

    2014-09-12 17:50:24
    PHP获取FORM后以IFRAME向服务器提交
  • 1.div两个思路 一是用ajax实现;表单填写后获取数值,传给后台,后台返回数据,将数据加载给某DIV,然后让该DIV显示出来; 二是iframe提交表单,然后显示...form target='iframe' ...&gt;...&lt;/form&...
  • 在Django Iframe + Form 上传文件 图片并预览 后端views.py def upload(request): return render(request,'upload.html') import json,os,uuid def upload_img(request): nid=str(uuid.uuid4()) # 防止文件...
  • form表单提交到目标服务器(action=“url”),当表单提交后,页面会target到隐藏的iframe,实现不需刷新页面跨域。1. 创建一个iframetry{// IE6, IE7iframe = document.createElement('');} catch(e) {iframe = ...
  • 插件,用于在iframe中排队操作 .withFrameName(iframeName,回调(噩梦)) iframeName应该是iframe名称属性(没有选择器)或索引号,因为它使用 。 安装 npm install --save nightmare-iframe 例子 <!-- for ...
  • 所以我们使用iframe + form的方案实现异步提交方案,具体实现为将form表单的target指向一个src为空的iframe页面,form的action指向你真正要处理图片上传逻辑的地址。   <iframe width="0" height="0" ...
  • DOM获取页面iframe: 1 window.frames["iframeChild"].document //假如iframe的id为iframeChild 2 window.parent.document //在子窗口操作父窗口 获取页面的对象其实就是DOM...
  • //获得同窗口里iframe页面里的form序列化值 var t = $(window.frames["modProgressPlan_iframeId"].document).find("#info_formId").serialize(); modProgressPlan_iframeId为同页面里...
  • 部分代码如下: index = layui.layer.open({ title: title, type: 2, ...content: '/Test/Test/TestForm', success: function (layero, index) { var body = layui.layer.getChildFrame('body', index...
  • jquery获取form表单的数据

    千次阅读 2020-10-07 14:48:34
    <script> $(function() { ... var t = $('form').serializeArray(); //t的值为[{name: "a1", value: "xx"}, //{name: "a2", value: "xx"}...] $.each(t, function() { d[this.name] = this.value;
  • iframe +form 方式上传文件: HTML代码 {# html代码开始#} < iframe id ="ifr_id" name ='ifr_na' style ="display: none" > iframe > < form id ='form_id' target ="ifr_na" method ="POST" ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 33,074
精华内容 13,229
关键字:

获取iframe中的form