位置: IT常识 - 正文

学会iframe并用其解决跨域问题(iframe vh)

编辑:rootadmin
学会iframe并用其解决跨域问题

推荐整理分享学会iframe并用其解决跨域问题(iframe vh),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:iframe作用,iframe调用,iframe调用,iframe的使用和例子,使用iframe有哪些缺点,如何使用iframe,iframe的使用和例子,如何使用iframe,内容如对您有帮助,希望把文章链接给更多的朋友!

了解iframe

官方定义为:iframe是HTML标签,作用是文档中的文档,或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架(即行内框架)。

简单理解为:iframe是一个内联框架,可以在当前HTML页面中嵌入另一个文档。

iframe的属性

这里只介绍常用属性

name:规定 <iframe> 的名称。

width:规定 <iframe> 的宽度。

height:规定 <iframe> 的高度。

src:规定在 <iframe> 中显示的文档的 URL。

frameborder:HTML5 不支持。规定是否显示 <iframe> 周围的边框。属性值为1或者0,1代表有边框,0代表无边框。

学会iframe并用其解决跨域问题(iframe vh)

scrolling:HTML5 不支持。规定是否在 <iframe> 中显示滚动条。属性值为yes、no、auto。

align:HTML5 不支持。HTML 4.01 已废弃。 规定如何根据周围的元素来对齐 <iframe>。属性值有left、right、middle、top、bottom

简单演示:

<h1>演示iframe的使用</h1> <iframe src="http://www.bilibili.com" name="ifr" frameborder="1" height="400" width="600" scrolling="no">你的浏览器不支持该iframe标签</iframe>

我们设置了一个名为ifr,宽为600,高为400,显示边框,隐藏滑动条,显示文档为b站(也可以选择本地html文档)的内联框架。 我们可以在iframe标签中写上文字说明,因为有一些低版本浏览器不支持这个标签,显示不了文档的时候就会在页面显示我们写的文字。

打开浏览器看下效果:

获取iframe内的内容

<h1>演示iframe的使用</h1> <iframe src="./t1.html" id="myiframe">你的浏览器不支持该iframe标签</iframe> <script> //获取iframe标签 var myiframe=document.querySelector("#myiframe") //获取它的window对象 var mywindow=myiframe.contentWindow //获取它的document对象 var mydocument=mywindow.document </script>

解决跨域问题

1、document.domain+iframe

这个方法只能用于同一个主域下不同子域之间的跨域请求,比如a.com和1.a.com 之间,1.a.com和2.a.com 之间。

只要把两个页面的document.domian都指向主域就可以了,比如document.domain="a.com"。

父页面通过iframe嵌入子页面,通过iframe.contentWindow获取子页面的window,即可操作子页面,子页面通过parent.window和parent来访问父页面的window。

写个例子:

//父页面http://a.com/a.html<iframe id="myiframe" src="http://1.a.com"></iframe><script> document.domain="a.com" var myiframe=document.queryselector("#myiframe") var name1=1 //获取子页面的属性 var name22 = myiframe.contentWindow.name2;</script>//子页面 http://1.a.com/b.htmldocument.domain="a.com"var name2=2//获取父页面的属性var name11=parent.window.name1

2、window.name+iframe

实现是基于window.name传递数据。name 在浏览器环境中是一个全局window对象的属性 当在 iframe 中加载新页面时,name 的属性值依旧保持不变。

本文链接地址:https://www.jiuchutong.com/zhishi/288850.html 转载请保留说明!

上一篇:苏门答腊海岸正在喷发的喀拉喀托火山,印度尼西亚 (© Martin Rietze/Alamy)(苏门答腊岛海岸线多少)

下一篇:下莱茵省的胡内城堡,法国阿尔萨斯大区 (© Leonid Andronov/Alamy)(莱茵地区在德国哪里)

  • 商业企业向供货方收取的进场费,不可以开具增值税发票
  • 扣员工餐费需要缴纳个税吗
  • 余利宝怎样
  • 筹建期土地使用税分录
  • 非金融机构定义
  • 供应商不给货款怎么办
  • 个体户个人所得税税率表2023计算
  • 出口公司要交哪些税费
  • 退税显示未完成怎么处理
  • 税收编码3040203
  • 发票纳税人识别号在哪里看
  • 汇算清缴申报后怎样撤销
  • 外企投资应该怎么投资
  • 住宿费算业务招待费还是差旅费?
  • 城市维护建设税属于什么税种
  • 权益法下的相关税费计入
  • 员工意外伤害保险怎么买
  • 常见的电脑系统类型
  • mac安装双系统教程
  • phpserialize
  • php字符串变量
  • 拍卖获得收入个税
  • PHP:apache_get_modules()的用法_Apache函数
  • 红掌的养殖方法和注意事项
  • 多台电脑如何共享一台惠普打印机
  • iconfonf
  • 土地增值税属于财产税吗
  • php操作redis
  • 莱达尔湖, 英格兰坎布里亚郡湖区 (© Tranquillian1/iStock/Getty Images Plus)
  • vue中使用数组
  • web应用技术是什么
  • 怎么搭建本地ota
  • 人人都能用英语pdf下载
  • vm网络不可达
  • 煤炭贸易公司的业务流程
  • 库存商品的盘盈盘亏
  • 委托代理出口账务处理
  • 申报经营所得成绩怎么填
  • 管理费用属于什么类
  • 小规模纳税人跨区域预缴增值税
  • 辞职单位补偿标准
  • pythongui库
  • phpcms模板下载
  • 几种财务自由
  • sql server中变量声明的命令是什么
  • 纳税申报的流程如何?面试怎么说
  • 企业应收账款怎么记账
  • 汇算清缴是什么
  • 一般纳税人销售旧货税率
  • 债务抵销的条件
  • 买赠行为的会计处理
  • 销售货物物流运输丢失取得赔偿款需要缴纳企业所得税吗
  • 在建工程什么时候用
  • 所得税审核一般需要多久
  • 现金退回没原始凭证咋办
  • 实报实销有补贴嘛
  • 工会经费计提按照应发工资还是实发工资
  • 企业的培训费用
  • 经营性应收项目和经营性应付项目
  • win10系统预览版
  • 苹果电脑安全性
  • xp怎么解压文件
  • 安装抖音
  • window10的dns异常
  • 电脑xp系统的设置在哪
  • cleanmymac3激活码领取
  • 权作记录 cocos2dx
  • node_modules复制
  • [置顶]游戏名:chivalry2
  • 模板创造
  • 设计模式工厂模式使用场景
  • unity3d 画线
  • mailto的使用技巧分享
  • java一些常用词汇
  • js如何实现单例模式
  • jquery左右滑动菜单
  • 如何搭建应用服务器
  • python语言文件
  • 北京地税查询官网
  • 地税可以跨区交吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设