位置: 编程技术 - 正文

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文字循环滚动代码)

  • 委托加工物资增值税纳税义务发生时间
  • 一般纳税人服务费税率
  • 办理出口业务流程
  • 个人独资企业需要交什么税
  • 一般纳税人缴纳税金分录
  • 长期债权投资是什么科目借贷
  • 两地拿工资怎么扣个税
  • 小规模纳税人出售使用过的汽车
  • 一般纳税人企业所得税政策最新2023税率
  • 周转材料计入什么账
  • 办理异地租房提取公积金流程
  • 合伙企业出资额不计入实收资本和资本公积 那放哪
  • 小规模收到货运专用发票
  • 附加税结转的会计分录
  • 企业所得税营业利润怎么算
  • 国税电子钥匙常见问题解答
  • 核定征收的小型微利企业
  • 固定资产转固流程图
  • 邮局劳务费发票几个点
  • 网税系统用户名和密码
  • 怎么判断分红前已提取足够法定公积金?
  • 财务费用中的利息收入指什么
  • 税控盘费用抵减增值税的账务处理
  • 注册资金印花税怎么算
  • 增量留底税额怎么进行确定
  • 采用赊销方式销售货物的纳税义务发生时间
  • window最新漏洞
  • 出口退税率为0%退税收入怎么算
  • 应交增值税的结转
  • 工程安装成本分录
  • 招待费的住宿费可以抵扣吗
  • 苹果mac双系统按住哪个键
  • 短期借款和短期贷款
  • 企业发生的间接费用应先在
  • 增值税的特殊项目
  • 建筑工程企业管理费包括哪些内容
  • 房地产开发企业增值税怎么算
  • 自产产品对外捐赠销项税额怎么计算
  • 网站禁止了有什么方法打开
  • cp命令复制文件到另一个目录并改名
  • 赔偿客户款应该怎么记账
  • pandas模块的主要特点
  • 二手车交易规则最新
  • 一般纳税人购销合同印花税减免政策
  • sql语句修改某个字段
  • 公司帐户转到法人私卡备用金行吗
  • 小规模增值税税率表2023年最新版
  • 水利建设基金应税项是什么
  • 外币支付账户
  • 长期待摊费用会计分录
  • 当月红冲上月开具的增值税
  • 长期股权投资减值准备
  • 提取备用金现金流量如何填写
  • 现金日记账年结怎么划线
  • 合同里包括产品和服务吗
  • 以下各项不属于肝郁气滞证表现的是
  • 什么资产减值可以转回
  • 商品流通企业有哪些企业
  • SQLServer2000 报1053错误(服务没有及时响应或控制请求)的解决方法
  • sql server使用
  • sqlserver 触发器 redis
  • win7系统怎么把字体调大
  • microsoft window vista
  • 让Windows Server 2008设备驱动安装图文教程
  • centos下载与安装
  • win7 启动程序
  • Stacmon.exe - Stacmon是什么进程 有何作用
  • win10 rs1是什么版本
  • win11怎么关闭系统防火墙
  • linux内核2.3.20
  • win7 如何截屏
  • opengl glm库
  • 一键清除照片上多余的人
  • python中的字符型
  • 利用python绘图
  • unity3d spine
  • 浅蓝色html代码
  • 进项税留抵是什么意思
  • 审批制改为备案制有什么区别
  • 实地税务稽查需注意什么
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设