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

  • 微博推广的方式和优势(微博推广方式一般多少)

    微博推广的方式和优势(微博推广方式一般多少)

  • dnf巫女加点攻略(dnf巫女加点)(dnf2021巫女加点)

    dnf巫女加点攻略(dnf巫女加点)(dnf2021巫女加点)

  • 微信群里踢人怎么踢人(微信群里踢人怎么踢不出去)

    微信群里踢人怎么踢人(微信群里踢人怎么踢不出去)

  • 电脑版WPS艺术字线条颜色怎么设置(wps电脑艺术字在哪)

    电脑版WPS艺术字线条颜色怎么设置(wps电脑艺术字在哪)

  • 苹果11能开90帧吗(苹果11可以开90帧)

    苹果11能开90帧吗(苹果11可以开90帧)

  • 无法访问指定设备路径或文件怎么回事(无法访问指定设备)

    无法访问指定设备路径或文件怎么回事(无法访问指定设备)

  • win10相机打不开摄像头(win10相机打不开提示其它应用正在使用相机)

    win10相机打不开摄像头(win10相机打不开提示其它应用正在使用相机)

  • 苹果靠近传输没反应(iphone靠近传输)

    苹果靠近传输没反应(iphone靠近传输)

  • 淘宝卖家pc版是啥意思(淘宝卖家pc端是什么意思)

    淘宝卖家pc版是啥意思(淘宝卖家pc端是什么意思)

  • 华为mate30pro多长厘米(华为mete30pro多长)

    华为mate30pro多长厘米(华为mete30pro多长)

  • 发朋友圈视频和图片怎么一起发(发朋友圈视频和照片拼图怎么拼)

    发朋友圈视频和图片怎么一起发(发朋友圈视频和照片拼图怎么拼)

  • vivox27pro有nfc吗(vivox27pro的nfc在哪里)

    vivox27pro有nfc吗(vivox27pro的nfc在哪里)

  • 数据开了为什么没网络(数据开了为什么不显示)

    数据开了为什么没网络(数据开了为什么不显示)

  • 第二代计算机的主要部件是由什么构成的(第二代计算机的主要元件是什么)

    第二代计算机的主要部件是由什么构成的(第二代计算机的主要元件是什么)

  • 快手上长腿瘦身怎么隐藏(快手长腿瘦身在哪)

    快手上长腿瘦身怎么隐藏(快手长腿瘦身在哪)

  • 在word里如何裁剪图片(word中图片裁剪)

    在word里如何裁剪图片(word中图片裁剪)

  • ip地址有多少位(ip地址由多少位二进制组成)

    ip地址有多少位(ip地址由多少位二进制组成)

  • 电脑还原到某个时间点(电脑还原到某个时间点文档会删除吗)

    电脑还原到某个时间点(电脑还原到某个时间点文档会删除吗)

  • ios13已启用缩放怎么关闭(iphone显示已启用缩放)

    ios13已启用缩放怎么关闭(iphone显示已启用缩放)

  • 恋爱记怎么换另一半(恋爱记怎么换手机号)

    恋爱记怎么换另一半(恋爱记怎么换手机号)

  • 快手怎么看谁看过我的主页(快手怎么看谁看了我的动态)

    快手怎么看谁看过我的主页(快手怎么看谁看了我的动态)

  • 微信怎么转账(微信怎么转账到别人的银行卡)

    微信怎么转账(微信怎么转账到别人的银行卡)

  • 探探自动扣费怎么追回(探探自动扣费怎么关闭微信)

    探探自动扣费怎么追回(探探自动扣费怎么关闭微信)

  • 花呗如何开通(微信花呗如何开通)

    花呗如何开通(微信花呗如何开通)

  • JS中let用法(js let用法)

    JS中let用法(js let用法)

  • phpcms 前台不能投稿怎么办(php前台模板)

    phpcms 前台不能投稿怎么办(php前台模板)

  • 帝国cms有订单管理系统吗(帝国cms功能)

    帝国cms有订单管理系统吗(帝国cms功能)

  • 公司出售房产缴纳税金如何凭证
  • 关税减免形式主要包括
  • 租赁合同印花税双方都要交吗
  • 免税农产品发票怎么做账
  • 新车检测费能入什么科目
  • 外汇储备保值增值
  • 其他收益是什么类
  • 个体户交了增值税又开负数发票怎么退税
  • 当前企业不存在是怎么回事
  • 房产租赁合同印花税
  • 盈余公积补亏什么科目
  • 分包挂靠认定依据
  • 利润分配亏损太多如何处理?
  • 有限合伙企业收益分配
  • 其他业务收入需要结转成本吗
  • 增值税发票单位可以不填吗
  • 税种核定办理流程
  • 国税申报数据能修改吗
  • 辞退员工会计分录
  • 加权平均数是什么意思的权
  • 少付的运费如何做分录
  • 应税消费品用于连续生产应税消费品的
  • 华为折叠手机mateXs3
  • 文件类型错误请重新选择
  • 购进材料是进项税还是销项税
  • 公司欠法人钱
  • win10应用显示模糊发虚
  • 超市消费券买什么好
  • win10任务栏变成黑色
  • php tokenizer
  • 月末季末年末会计都需要做什么
  • 哪个光圈值最大
  • php xml转字符串
  • php代码检测
  • 小规模纳税人报税期是哪几个月
  • 员工旅游费的税率是多少
  • Web Spider Fiddler - JS Hook 基本使用
  • 发票打印出来的字太靠下了
  • javascriptj
  • php服务端开发教程
  • 什么发票才能做账务处理
  • 以前年度支出如何计算
  • 一般纳税人和小规模
  • 在线客服系统登录
  • 织梦如何采集文章
  • 固定资产计提折旧表
  • 申报无票收入后怎么回冲
  • 公司奖励员工制度
  • 订单式生产的企业有哪些
  • 做账财务费用负数
  • 招待客户住宿属于什么费用
  • 如何确定费用归属哪个部门
  • 旅游业开具的是什么证明
  • 进项税和销项税怎么理解
  • 企业会计准则2023电子版
  • 企业建账目的
  • sql语句中截取字符串
  • oracle的账户
  • 安装vista
  • windows域环境搭建
  • 随机产生10个数
  • bcdedit.exe
  • win10系统如何禁用触摸板
  • win8.1 win7
  • win10组策略编辑器没有
  • 四个版本的雪国开头翻译
  • linux 746
  • xml文件网络传输
  • bat基本语法
  • 推荐表情图片
  • python true的用法
  • unity方法大全
  • javascript开发平台
  • jquery插件开发方法
  • javascript闭包运行原理
  • js工具类库
  • 深入JavaScript高级语法
  • 为什么医保卡显示无效
  • 新入职税务人员给总局的回信
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设