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

  • 小米手环7pro怎么抬腕亮屏(小米手环7pro怎么调时间)

    小米手环7pro怎么抬腕亮屏(小米手环7pro怎么调时间)

  • 笔记本外接显示器怎么合上笔记本(笔记本外接显示器)(笔记本外接显示器怎么设置主副屏)

    笔记本外接显示器怎么合上笔记本(笔记本外接显示器)(笔记本外接显示器怎么设置主副屏)

  • 微信朋友分享直播的关闭方法

    微信朋友分享直播的关闭方法

  • reno和renoz的区别有哪些(reno z和reno)

    reno和renoz的区别有哪些(reno z和reno)

  • 华为matebook14蓝屏能退吗(华为matebook14蓝牙驱动)

    华为matebook14蓝屏能退吗(华为matebook14蓝牙驱动)

  • 为什么下载速度很慢(为什么下载速度只有10m)

    为什么下载速度很慢(为什么下载速度只有10m)

  • 手机用3天就没声音了(手机用3天就没电了)

    手机用3天就没声音了(手机用3天就没电了)

  • 华为权益版是什么意思(华为权益包有什么用)

    华为权益版是什么意思(华为权益包有什么用)

  • 微信语音有回声(微信语音有回声因为什么)

    微信语音有回声(微信语音有回声因为什么)

  • 苹果8p官方售价多少(iphone8p官方价格)

    苹果8p官方售价多少(iphone8p官方价格)

  • itunes与appstore关打不开怎么办(appstore与itunes关闭)

    itunes与appstore关打不开怎么办(appstore与itunes关闭)

  • freebuds2可以连ipad吗(freebuds2可以连接两个手机吗)

    freebuds2可以连ipad吗(freebuds2可以连接两个手机吗)

  • 抖音直播功能在哪(抖音直播界面功能介绍)

    抖音直播功能在哪(抖音直播界面功能介绍)

  • realmex2是什么牌子(realme x2真实口碑)

    realmex2是什么牌子(realme x2真实口碑)

  • vivo手机云服务怎么关闭(vivo手机云服务官网)

    vivo手机云服务怎么关闭(vivo手机云服务官网)

  • win10自动杀毒怎么关(win10自动杀毒够强吗)

    win10自动杀毒怎么关(win10自动杀毒够强吗)

  • 注销的qq号能恢复吗(注销的qq号可以恢复吗)

    注销的qq号能恢复吗(注销的qq号可以恢复吗)

  • 怎么删除拼拼多的精选(怎么删除拼拼多好友)

    怎么删除拼拼多的精选(怎么删除拼拼多好友)

  • 指纹门锁怎么添加指纹(指纹门锁怎么添加新指纹)

    指纹门锁怎么添加指纹(指纹门锁怎么添加新指纹)

  • 小爱触屏音箱什么时候上市(小爱触屏音箱什么芯片)

    小爱触屏音箱什么时候上市(小爱触屏音箱什么芯片)

  • Redmi K20 Pro的GPU是那种

    Redmi K20 Pro的GPU是那种

  • pr嵌套的作用(pr嵌套有什么好处)

    pr嵌套的作用(pr嵌套有什么好处)

  • 华为nova5i有呼吸灯吗(华为nova5i呼吸灯在哪里设置)

    华为nova5i有呼吸灯吗(华为nova5i呼吸灯在哪里设置)

  • 拼多多农场在哪找(拼多多多多农场在哪里找)

    拼多多农场在哪找(拼多多多多农场在哪里找)

  • 微信怎么发6分钟视频(微信怎么发6分钟长视频)

    微信怎么发6分钟视频(微信怎么发6分钟长视频)

  • 电脑网页密码不能保存怎么办?(电脑网页密码不正确)

    电脑网页密码不能保存怎么办?(电脑网页密码不正确)

  • Win11如何安装中文语言包?Windows11安装中文语言包方法(win11中文安装包)

    Win11如何安装中文语言包?Windows11安装中文语言包方法(win11中文安装包)

  • php之kohana框架的安装详解(php框架symfony)

    php之kohana框架的安装详解(php框架symfony)

  • 什么是红字增值服务
  • 开票的预收款怎么处理
  • 全年一次性奖金计税方式2023
  • 小规模现金流量表的编制方法和计算公式
  • 速达3000货品怎么入库
  • 增值税进项税转出文件
  • 稳岗补贴给谁
  • 工商年报实缴出资额是实收资本吗
  • 总分机构如何纳税
  • 企业的房屋是否能确认为存货?为什么?(简单描述即可)
  • 小规模企业所得税会计分录怎么做
  • 小规模季度不超过45万的税收优惠
  • 收购农产品销售会计分录怎么写
  • 销售合同印花税计税依据及税率
  • 营业执照上能看出来是一般纳税人
  • 代扣代缴个人所得税税率表
  • 增值税税控系统专用设备注销发行
  • 小微企业免征增值税优惠
  • 商家拒开发票的五大借口
  • 长期股权投资年度损益影响金额包括什么
  • 以库存抵债的账务处理
  • 预提费用多少
  • 酒店住宿收入确认原则的条件
  • 待处理财产损益科目编码
  • 软件固定资产还是无形资产
  • 收到赞助费开什么发票
  • 外商投资企业盈余公积转增资本是否交预提所得税
  • 因质量问题退货和收回的药品应当
  • 手机word文档怎么加照片
  • PHP:xml_set_character_data_handler()的用法_XML解析器函数
  • 收到发票已入账,退回怎么做账
  • 利润核算主要包括
  • 车辆购置税退税计算
  • 聘用退休人员的法律风险
  • 即征即退进项税额分摊方法
  • 软件产品即征即退申请表
  • 技术出口发票开什么信息
  • php邮件发送类
  • vue watch监听localstorage变化
  • formdata方法
  • python标准库在哪个目录
  • 境外企业在境内投资是否备案
  • 销售发票重复开库存商品如何处理?
  • 酒店没有营业执照开业犯法吗
  • 未分配利润为负数严重吗
  • 出口退税未按期申报怎么办
  • 海关进口增值税专用缴款书如何抵扣
  • sqlloader语法
  • 代扣代缴完税凭证抵扣期限
  • mysql数据库如何升级
  • 收到缴纳个人所得税短信
  • 申报纳税的步骤
  • 利税总额计算公式表
  • 购入啤酒会计分录
  • 跨年的社保,账务怎么处理?
  • 企业购买新能源车免购置税吗
  • 废品相关内容有哪些
  • 工程款发票怎么做分录
  • 预收款退回怎么处理
  • 对公账户 取款
  • 施工单位月末都需要结转什么
  • mysql实现分页查询
  • mysql四个事务的四个特性
  • centos如何禁ping
  • win10累积更新 卡住
  • win10系统怎么关闭病毒防护
  • Linux系统怎么重启网卡
  • linux u盘 readonly
  • windows右键菜单
  • win10怎么分屏操作
  • 关闭linux命令
  • unity性能优化全攻略
  • unity3d跨平台
  • OSG 砖块 shader 例子 GLSL
  • 如何使用nodejs
  • 央企收入归谁
  • 江苏省电子税务局社保缴费查询
  • 为什么每个月总有几天
  • 什么发票可以抵税
  • 铁路土地使用税减免
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设