位置: 编程技术 - 正文

JavaScript使ifram跨域相互访问及与PHP通信的实例(js跳出if语句)

编辑:rootadmin

推荐整理分享JavaScript使ifram跨域相互访问及与PHP通信的实例(js跳出if语句),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js向iframe内传参,js iframe跨域,如何让iframe可以跨域访问,js调用iframe里的方法,js向iframe内传参,js调用iframe里的方法,js iframe跨域,ifram跨域,内容如对您有帮助,希望把文章链接给更多的朋友!

iframe 与主框架相互访问方法

1.同域相互访问

假设A.html 与 b.html domain都是localhost (同域)A.html中iframe 嵌入 B.html,name=myframeA.html有js function fMain()B.html有js function fIframe()需要实现 A.html 调用 B.html 的 fIframe(),B.html 调用 A.html 的 fMain()

A.html

B.html

点击A.html 的 exec iframe function button,执行成功,弹出iframe function execute success。如下图

点击B.html 的 exec main function button,执行成功,弹出 main function execute success。如下图

2.跨域互相访问

假设 A.html domain是 localhost, B.html domain 是 .0.0.1 (跨域)这里使用 localhost 与 .0.0.1 只是方便测试,localhost 与 .0.0.1已经不同一个域,因此执行效果是一样的。实际使用时换成 www.domaina.com 与 www.domainb.com 即可。A.html中iframe 嵌入 B.html,name=myframeA.html有js function fMain()B.html有js function fIframe()需要实现 A.html 调用 B.html 的 fIframe(),B.html 调用 A.html 的 fMain() (跨域调用)

如果使用上面同域的方法,浏览器判断A.html 与 B.html 不同域,会有错误提示。Uncaught SecurityError: Blocked a frame with origin " from accessing a frame with origin " Protocols, domains, and ports must match.

实现原理:因为浏览器为了安全,禁止了不同域访问。因此只要调用与执行的双方是同域则可以相互访问。

首先,A.html 如何调用B.html的 fIframe方法1.在A.html 创建一个 iframe2.iframe的页面放在 B.html 同域下,命名为execB.html3.execB.html 里有调用B.html fIframe方法的js调用

这样A.html 就能通过 execB.html 调用 B.html 的 fIframe 方法了。

同理,B.html 需要调用A.html fMain方法,需要在B.html 嵌入与A.html 同域的 execA.html execA.html 里有调用 A.html fMain 方法的js 调用

JavaScript使ifram跨域相互访问及与PHP通信的实例(js跳出if语句)

这样就能实现 A.html 与 B.html 跨域相互调用。

A.html

B.html

execA.html

execB.html

执行如下图:

php main 与 iframe 相互通讯类(同域/跨域)把main与iframe相互通讯的方法封装成类,主要有两个文件,JS:FrameMessage.js 实现调用方法的接口,如跨域则创建临时iframe,调用同域执行者。PHP:FrameMessage.class.php 实现接收到跨域请求时,根据参数返回执行方法的JS code。

功能如下:1.支持同域与跨域通讯2.传递的方法参数支持字符串,JSON,数组等。

FrameMessage.js

FrameMessage.class.php

A.html

execA.php 与 execB.php

js实现文字滚动效果 首先先看一下大致效果图,因为是动态的,在页面无法显示出来。具体的实现代码如下:1.首先是css代码:styletype="text/css"body,ul,li,a,p,div{padding:0px;margin:0p

基于Javascript实现二级联动菜单效果 本文实例为大家分享了Javascript实现二级联动菜单效果的对应代码,具体内容如下效果图如下:具体实现步骤如下:1.所用js代码如下:scripttype="text/javascr

javascript实现移动端上的触屏拖拽功能 本文是分享了javascript实现移动端上的触屏拖拽功能,具体内容如下效果图:实现代码:!DOCTYPEhtmlhtmlheadmetacharset="utf-8"title/titlemetaname="viewport"content="width=d

标签: js跳出if语句

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

上一篇:初步使用bootstrap快速创建页面(初步使用筷子而动作不规范的幼儿保育员应该)

下一篇:js实现文字滚动效果(js文字循环滚动代码)

  • 加油站购进成品油怎么做账
  • 房产税相关问题
  • 公司支付宝收款二维码怎么弄
  • 银行进账单票据号码在哪里
  • 普通发票作废要本人去拿吗
  • 预付账款借方怎么处理
  • 支付员工费用报销账务处理
  • 培训发生的住宿费 差旅费可以放入职工教育经费吗
  • 收回次月作废的发票需要做账吗
  • 每月增值税怎么做账
  • 建筑业购买车辆怎么入账
  • 总公司购固定资产分摊每家店面怎么来做账
  • 商用住房出租需要交什么税?
  • 营改增之后对企业的影响
  • 个税提前预缴怎么入账?
  • 四点帮你避开虚开发票
  • 银行电子承兑如何撤回
  • 网页浏览器字体颜色怎么改
  • swimsuitnetwork.exe - swimsuitnetwork是什么进程 有何作用
  • 会计分录中结转是什么意思
  • 结转本年利润之后还要干啥
  • 做汽车配件销售怎么找客户
  • 怎么看iPhone电池温度
  • u盘突然被写保护是坏了吗
  • ipad哪款最贵
  • php array_chunk
  • el-upload上传文件大小限制
  • 报销没有发票如何处理做凭证
  • 八仙花的养殖方法冬季怎么养
  • 福克兰群岛属于哪国
  • form action target
  • 定额发票已验旧是什么意思
  • 缴纳水利建设基金计入什么科目
  • 月末账务处理流程分录例题
  • openpose的输出
  • test指令怎么用
  • 税收筹划类型有哪几种
  • 新办商贸企业是国企吗
  • 公司银行开户的经办人有无风险
  • 企业年金是否要交个税
  • 客户发票弄丢了应该如何补救
  • 个税申报怎样作废
  • 什么是日记账?
  • 制造费用怎么摊销到成本?
  • 逃税是什么意思?
  • 应收应付款会计分录
  • 销售费用专票能抵扣吗
  • 销售免税农产品的会计分录
  • 融资租赁固定资产折旧年限
  • 解除劳动合同经济补偿金法律依据
  • 受托代销商品款是什么意思
  • 进项税红字发票怎么样申报
  • 企业受赠资产会计处理
  • 用友薪资管理怎么取消启用
  • 新会计制度下五类是什么
  • 简易征收可以开具3专票吗
  • win8更新win8.1
  • winxp开机提示explorer.exe
  • windowsxp锁屏密码怎么设置
  • 如何禁用windows defender service
  • 对Windows Server 2008系统自带的磁盘分区进行无损分区的教程图文介绍
  • 索尼vaio笔记本无法开机
  • xp系统ie浏览器怎么升级
  • win7系统出现蓝屏怎么进去桌面
  • smss.exe是干嘛的
  • scchost.exe - scchost是什么进程 有什么用
  • windows8开始菜单消失了怎么恢复
  • 如何关闭win10自动升级win11
  • 编写一个定时间隔为5ms的子程序
  • win7系统电脑开机黑屏
  • win7系统怎么修改开机密码
  • opengl坐标系原点
  • 项目部不足和改进
  • css写文字
  • js原生dialog
  • android如何使用
  • 对象类型怎么填
  • 网上申报纳税小程序是啥
  • 劳务派遣服务计税
  • 个人转让住宅需要缴纳什么税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设