位置: 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)(莱茵地区在德国哪里)

  • 报关单完成出口后收汇期限4月30日
  • 公司的纳税人识别号怎么查询
  • 小规模减免增值税要交企业所得税吗
  • 12月工资1月发个税怎么算
  • 会计做账写错了怎么办
  • 员工个人承担的保险分录
  • 补记固定资产
  • 工地工资是人走账清吗
  • 摊销费用怎么计提
  • 过期未认证的进项税如何记账
  • 免息分期怎么还款
  • 计提出口关税会计分录
  • 超市热卖食品
  • 一般纳税人开6个点的票内容
  • 建筑企业在增值税方面新出台的政策
  • 支票进账对方没钱开户行会打电话叫他存钱吗?
  • 怎样处理教育费附加会计分录?
  • 购买超市购物卡打几折
  • 个人所得税应纳税额计算表图片
  • 当月有进项税额转出怎么结转未交增值税
  • 公司的现金管理规定
  • 红字专用发票是红色的吗
  • npscheck.exe - npscheck是什么进程 有什么用
  • 新店开业费用预算表格
  • nbr是什么意思中文翻译
  • 购进农产品发生非正常损失
  • 无票收入什么时候确认收入
  • 亏损销售怎么结转库存成本怎么计算
  • uniapp和vue混合开发
  • 增值税代扣代缴税率是多少
  • 微信小程序游戏手游排行榜
  • css3栅格布局
  • 汇算清缴退税分录怎么写
  • 收到汇算清缴后怎么处理
  • 收到保险公司的车赔款会计分录怎么写
  • 拖欠工程款利息的司法解释
  • 暂估入库会计
  • sql注入漏洞不会出现在哪个位置
  • 广告公司可以不开发票吗
  • 红字更正法适用于更正什么样的错误
  • 金税四期有什么变化
  • 行政事业单位资产报废账务处理
  • 开票系统服务费计入什么费用
  • 会计法中单位负责人均指法定代表人
  • 公司员工食堂买菜没发票怎么办
  • 减免所得税需要交税吗
  • 财务费用为什么是向债权人支付的现金流量
  • 行政拨款给工会的账务处理
  • 土地使用权如何取得
  • 库存盘亏进项税怎么抵扣
  • 银行利息 税
  • 广发银行的主营业务
  • 企业收到加盟费怎么开发票
  • 进口消费品增值税计税依据
  • 销售返利如何做账
  • 融资租赁中承租人的义务
  • 财政总预算会计的主体是
  • 个人独资企业的投资人以其个人财产对企业债务承担
  • 购车预付款交了可以退吗
  • 现金流量为负的原因
  • 什么叫归集和分配
  • 在windows上装ubuntu
  • imac固态
  • 鼠标右键一直锁定一个应用
  • linux rpm如何安装
  • 使用无线网络上网电脑的IP地址会改变吗
  • 安装和配置eclipse集成开发环境
  • win7系统怎么设置屏幕常亮
  • 脚本被删除
  • unity3d spine
  • jquery的问题
  • javascript教程chm
  • jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
  • python怎么处理json数据
  • 电子税务局获取验证码异常
  • 百望税控盘电子发票发送邮箱
  • 上海税务网上报税
  • 重庆九龙坡区商务委员会
  • 苏州税务系统
  • 税务局监控个人账户流程
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设