文章目录

  • 1.iframe简单使用
  • 2.获取iframe
  • 3.获取iframe 元素值
  • 4.iframe获取父页面的信息:

1.iframe简单使用

<iframe> 标签规定一个内联框架。

一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。

<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>
  • width插入页的宽;
  • height插入页的高;
  • scrolling 是否显示页面滚动条(可选的参数为auto、yes、no,如果省略这个参数,则默认为auto);
  • frameborder 边框大小;

注意:URL建议用绝对路径

<iframe width=0 height=0 frameborder=0 scrolling=auto src=WWW .webjx.com></iframe>

如果一个页面里面有框架,点页面里的连接,要求在这个<iframe> 里打开。在<iframe >中规定name

<iframe name=**  ></iframe>

然后在修改默认打开模式,:网页head中加上<a href=URL target=**>或部分连接的目标框架设为(**)

要插入一个页面。要求只拿中间一部分。其他的都不要。

代码:

<iframe name=123  align=middle marginwidth=0 marginheight=0 vspace=-170 hspace=0 src="http://www.webjx.com/"  frameborder=no scrolling=no  width=776  height=2500></iframe>

控制插入页被框架覆盖的深度 marginwidth=0 marginheight=0;控制框架覆盖上部分的深度 vspace=-170

scrolling滚动条要否(auto、yes、no) frameborder框架的边框大小,width=776 height=2500此框架的大小。

2.获取iframe

常用获取元素的方法,dom ,jQ等;

var ifr = document.getElementById(‘mainIframe0’)

3.获取iframe 元素值

ifr.contentWindow

拿到的是window 对象

Window {postMessage: ƒ, blur: ƒ, focus: ƒ, close: ƒ, parent: Window,}

ifr.contentWindow.值 定义的全局变量。

4.iframe获取父页面的信息:

获取父页面元素的值:

jquery方式:$("#auditDate",parent.document).val();js方式:parent.document.getElementById(“auditDate”).value;

iframe简单使用 、获取iframe 、获取iframe 元素值 、iframe获取父页面的信息相关推荐

  1. 24.shell中list详解,定义list,获取List的总个数,获取list的某个元素值,将list的每个元素转换成以空格分隔的字符串,空格分隔的字符串转换成list,for循环list

    文章目录 前言 定义list 获取List的总个数 获取list的某个元素值 将list的每个元素转换成以空格分隔的字符串 空格分隔的字符串转换成list for循环list 总结 友情链接 前言 s ...

  2. linux获取java环境变量的值,linux获取java环境变量的值

    linux获取java环境变量的值 [2021-02-11 00:17:01]  简介: 服务器 这篇文章主要为大家展示了linux环境下怎么配置环境变量,内容简而易懂,希望大家可以学习一下,学习完之 ...

  3. php mysql获取新添加记录的id值_PHP获取MySql新增记录ID值的方法

    今天发现用mysql_insert_id()获取到的新增记录的id不正确, 虽然发现源代码的事务写的有问题,但是最根本的原因是,我插入数据的id类型是bigint型 获取MySql新增记录ID值的方法 ...

  4. php 获取js对象的属性值,js获取对象,数组所有属性键值(key)和对应值(value)的方法示例...

    本文实例讲述了js获取对象,数组所有属性键值(key)和对应值(value)的方法.分享给大家供大家参考,具体如下: var values=function(object) { var values ...

  5. php获取表单内的值,PHP获取表单里各项值总结

    表单提交的方式 1.GET方式 功能:获取get方式提交的数据 格式:$_GET["formelement"] 2.POST方式 功能:获取post方式提交的数据 格式:$_POS ...

  6. 百度开放平台申请认证调用百度api等(百度网盘上传,下载申请)面向百度开发-百度云盘(1)完成申请-获取用户授权码 Code 值,获取access_token和refresh_token更新token

    阿丹: 这一段接触了项目有比较严谨和复杂的业务需要文件的对接.这会让办公体验很糟糕,于是想到使用百度网盘来将文件存在云端. 进入百度开放平台进行注册 首先要进行注册 创建一个自己的应用 创建成功我们就 ...

  7. 怎么获取html的某个元素,MSHTML怎么获取一个网页元素对象

    C/C++ code//获取IHTMLDocument2 IHTMLDocument2 *pDoc2; IHTMLFramesCollection2 *pFc2; HWND hIE = (HWND)h ...

  8. php获取数组最后一元素下标,PHP 获取数组任意下标key的上一个prev和下一个next下标值...

    PHP 获取数组任意下标key的上一个prev和下一个next下标值 $value){ $steps->add($key); } $steps->setCurrent(3);//参数为ke ...

  9. 获取radio和select的值,获取select的值

    获取radio的值 var val=$('input:radio[name="_objId"]:checked').val(); jQuery中获得选中select值 第一种方法 ...

最新文章

  1. zeroclipboard 粘贴板的应用示例, 兼容 Chrome、IE等多浏览器
  2. 将Nodelist快速转换为Array数组
  3. 程序员看过来!JS、Java、C 依然强势,Go、Kotlin、Python 潜力股,2020 开发者生态系统报告
  4. hybris使用impEx导入产品主数据的示例脚本
  5. 微软技术直通车(第三期) 之 人工智能
  6. 开源库 Natasha2016 ,让IL编程跑起来
  7. uber-zap_如何构建自己的Uber-for-X应用程序(PART 2)
  8. 安装不成功_win10+cuda10.1+cudnn+tensorflow1.15.0安装
  9. C++ 一个简单的log类的实现
  10. EL表达式和jstl的简单应用
  11. sourceoffsite,sos_collab,版本控制,安装过程中不能创建数据,相关服务无法启动
  12. 计算机主机结构图手画,流程图怎么画简单又漂亮
  13. Mac上将多张图片转化为pdf文档并添加水印
  14. 学考计算机会考考点工作总结,高中生学业水平考试工作总结范文
  15. 自然语言处理中的迁移学习(上)
  16. 头文件中,#include使用引号“”和尖括号有什么区别?
  17. Opserver 初探三《服务器数据监控》
  18. Andro联系人短信记录读取
  19. Android打开相册并上传图片至服务器
  20. rapid php,Rapid PHP 2018

热门文章

  1. form表单加密传输
  2. 理工男的告白——魔镜
  3. 视频相亲系统源码,相亲手机软件源码,相亲交友软件制作
  4. java计算两个经纬度之间的距离
  5. python-pandas中pd.to_excel()一个excel文件保存多个工作表。
  6. cyclone小知识(一)——徕卡C10三维激光扫描仪扫描使用步骤
  7. RabbitMQ 原理
  8. pybullet平面抓取算法介绍以及GGCNN网络结构(二)
  9. 第一次进入外包公司的感受
  10. 人工鱼群算法python_蚁群算法、免疫优化算法、鱼群算法 Python 库