位置: 编程技术 - 正文

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

  • 白酒的品牌使用费含增值税吗
  • 在计算应纳税所得额时下列
  • 发生无偿赠与行为怎么办
  • 税收实体法和程序法分类
  • 出借包装物收取的押金
  • 研发费用辅助账谁来做
  • 企业清算所得税申报表清算期间
  • 饮料工业发展前景如何
  • 股权转让资产怎么清算
  • 不动产发票怎么填写
  • 股东补亏资金
  • 报废资产取得的增值税
  • 增值税计入应付账款
  • 政府发放的稳岗补贴怎么做账
  • 银行承兑汇票贴现率是多少
  • 教育培训行业收入
  • 工程公司项目经理年薪一般多少
  • 股票的交易费用是怎么算的
  • macbook怎么保存
  • 退回多缴的所得税怎么算
  • 湘菜尖椒炒肉的做法
  • 终止劳动合同赔偿需要缴税吗
  • phpfor循环语句
  • 科目余额表怎么导出
  • 工程项目会计怎么样
  • HTML+CSS+JavaScript仿京东购物商城网站 web前端制作服装购物商城 html电商购物网站
  • mkpart命令
  • 盈余公积弥补以前亏损分录
  • 无法支付其他应用怎么办
  • 研发支出相关科目
  • 个人代人开普票要交几个点税
  • 销售黄金的会计分录
  • Postgresql ALTER语句常用操作小结
  • Linux下MySQL数据库的主从同步复制配置
  • 纳税申报的流程表
  • 上期金额是属于负债吗
  • access参数查询怎么弄
  • 金蝶新建账套如何录入固定资产账套
  • 认证发票抵扣有留抵税怎么做分录
  • 小规模的认定标准
  • 银行汇票的会计处理过程分为什么阶段
  • 税务稽查补缴上年所得税分录
  • 劳务公司到外地需要交的税
  • 商品损耗进项税额怎么算
  • 向银行按揭贷款时,收入流水不够怎么办?
  • 一般纳税人只交社保无发票往来需要做账吗
  • 主营业务成本可以直接贷银行存款吗
  • 子公司利润母公司还有其他方式吗
  • 如何冲减费用做账
  • 职工教育经费可以结转几年继续抵扣吗
  • 新建的企业
  • mysql复杂数据查询方法
  • windows pe无法启动怎么办
  • win7修改系统版本
  • win10一直显示正在配置更新
  • 如何快速让你的钱变多
  • win7系统禁止更新
  • 苹果笔记本安装win10
  • centos8设置默认启动命令界面
  • win8整理磁盘碎片的步骤
  • win7系统IE浏览器一点就闪退
  • 网络连接受限怎么处理win8
  • Cocos2d-x 3.0final 终结者系列教程23CocosStudio UI组件使用大全Cocos2d-x3.2使用
  • c++lambda函数
  • 'GL_COMBINE_ARB' : undeclared 'GL_RGB_SCALE_ARB' : undeclared 问题
  • linux pymol
  • Python列表list
  • unitystudio手机版
  • dedecms建站操作
  • nodejs处理excel
  • js 实现复制到粘贴功能
  • jquery创建表格
  • bootstrap日期控件背景为白
  • Python的for和in
  • python flask debug
  • 北京税务局发票查询
  • 山东省国家税务局官网
  • 杨静儿多少岁
  • 什么是减税政策
  • 江苏税务实名认证怎么更改
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设