网站建设|天天操天天拍|营销型网站|天天操天天看|独立站搭建|天天操天天干天天爽|外贸网站建设|wordpress独立站|小程序开发-?无双建站?

Menu

廣東layer中子iframe跨域關掉父級iframe

網站建設 錄入時間 2023-10-22 閱讀次數 無雙建站

在layer中如果iframe彈窗頁面為跨域請求時返回要關閉父級窗口時,會出現錯誤: Blocked a frame with origin “xxx“ from accessing a cross-origin frame

主要原因:

內嵌 iframe 頁面,一般使用 window.parent 或 window.top 來獲取父頁面的 window 對象

在子頁面 想使用(或傳遞給) 父頁面的參數,但是原因兩個的域名不一樣,所以會出現跨域問題。

解決方法:

1、父頁面監聽 message,寫法固定

window.addEventListener('message', function (e) {

  console.log(e)

})


2、子頁面發送 message 消息,并附帶參數

// window.parent 是 iframe 子頁面獲取父頁面的 window 對象

// 后面的 * 號就是處理跨域問題的,任何域名都不會出現跨域問題

window.parent.postMessage("需要傳遞的參數", '*')

// 也可以指定傳送域名地址,這個域名不會出現跨域問題,寫父頁面(接收)域名地址

window.parent.postMessage("需要傳遞的參數", 'http://0.0.0.0:8080')


如果不跨域的話,關閉方法為:

layer.open({
 content:data
 ,btn: ["確定"]
 ,yes: function (index,layero) {
     let indexOfFather = parent.layer.getFrameIndex(window.name);
     parent.layer.close(indexOfFather); //關閉頁面
     window.parent.location.reload();    //刷新父頁面
  }
})



【版權聲明】:本站內容來自于與互聯網(注明原創稿件除外),供訪客免費學習需要。如文章或圖像侵犯到您的權益,請及時告知,我們第一時間刪除處理!謝謝!

無雙科技
如何獲取外貿詢盤和訂單?
網站建設咨詢:13534259410

經典客戶案例展示

熱門服務
眾多企業的選擇

深圳無雙科技 - 專注于高端網站建設、網站設計開發、品牌網站制作

咨詢電話:13534259410

售后服務:13534259410  (7×24小時)
在線 Q Q:253849310 (售前咨詢)

深圳網站建設咨詢
【掃一掃咨詢】
  • 掃一掃 在線咨詢
    無雙科技官方公眾號
  • 響應式客戶端
    掃一掃 關注好友
體驗創新服務

深圳無雙科技,專注于深圳網站建設、深圳網站設計、深圳網站制作。
服務客戶超3000家,一站式網站建設及推廣營銷解決方案提供商。
我們的價值觀:誠信、坦誠、盡責、創新。期待與您合作!

您好,很高興為您服務 ^_^
主站蜘蛛池模板: 舟舟宝贝少儿培训网-少儿艺术培训-少儿舞蹈培训-少儿英语培训 | 面粉加工设备-面粉加工机械-面粉机组-面粉磨粉机-面粉机成套设备-河南粮院机械制造有限公司 | 噪声治理_噪音治理公司「杭州创雅环境科技」| 托普云农-数字农业综合服务商-官方网站 | 石家庄驾校之家_石家庄驾校哪个好_石家庄驾校报名-石家庄万晟网络驾驶资讯 | 移动CRM软件_SaaS CRM_crm管理软件系统_crm客户关系管理系统_销售管理软件-上海企能软件科技有限公司 | 精馏塔_甲醇回收塔_糠醛塔-无锡弘鼎华化工设备有限公司 | 养殖污水处理设备厂家-废水处理设备-固液分离设备-诸城市赛瑞环保 | 托普云农-数字农业综合服务商-官方网站 | 陶瓷靶材_氧化铌靶材_合金靶材_专注河北氧化铌靶材批发-河北东同光电科技有限公司 | 深圳注册公司-工商注册代理-深圳注册公司流程及费用-记帐报税-公司注销-[深圳市悟空企业管理(深圳)有限公司] | 一体化净水器设备-浸没式膜水处理设备-智慧水务-超滤膜-模块化净水设备-浙江华晨环保有限公司 | 铜陵租车_铜陵租车网_铜陵租车公司_铜陵婚车租赁_铜陵汽车租赁公司-良车汽车租赁 | 耐磨陶瓷涂料_耐磨防腐涂料_KNM防腐陶瓷涂料-北京耐默 | 深圳LED显示屏厂家_室内户外LED显示屏_彩屏电子有限公司 | 上饶建盛建设,建盛建设,上饶市建盛建设工程质量检测有限公司-房屋鉴定 | 汽车蓄电池配件_蓄电池维护保养产品_叉车电池配件研发生产厂家—联鸿能源 | 真石漆生产厂家|外墙水包水|水包砂-新佳官网 | 长沙物流公司|湖南货物运输公司|长沙第三方物流公司-国联物流 湖南第三方物流专家 | 上海互动多媒体公司_上海触摸屏软件开发_上海互动投影开发_上海VR虚拟现实制作_上海全息投影制作_上海互动轨道屏制作—盟邑数字 上海浩斌信息科技有限公司RFID读写器,IC卡读卡器,手持机,数据采集终端,电力仓库管理软件开发,固定资产软件,纱管标签,试剂管理,RFID试剂柜,档案管理,档案柜,智能货架 | 菏泽代理公司|菏泽代办公司|菏泽公司注册|公司变更注销 | 西安汉信丨条码打印机,条码扫码枪,条码标签,条码仓库管理系统专业供应商 | 销售系统_营销系统_自动营销软件_b2b营销系统_数字营销平台_AI销售 | 首页-上海钢之杰智能建筑集团股份有限公司| 江苏广分检测技术有限公司、电力安全工具检测、苏州绝缘工具检测、昆山电力安全工具检测-广分检测技术(苏州)有限公司 | 中商信息网-商务数据网-中文商务数据网| 江西同欣机械制造股份有限公司 | 南洋电线电缆|中压交联电缆|高压电力电缆-NAN南洋电缆 | 精密铸造-不锈钢精密铸件-硅溶胶铸造-常州思泉汽车科技有限公司 精密铸造,精密铸件,不锈钢铸造,不锈钢铸件-常州鸿雁行机械科技有限公司 | 液压支架配件|液压支架立柱|液压支架千斤顶|液压支架换向阀|液压支架乳化油|液压支架密封件-山东卓力生产厂家 | 文件管理系统-文件管理软件-文档管理系统-文档管理软件-档案管理系统-档案管理软件 - 致得软件 | 优质课网_收录全国及各省市最新优质课视频,说课视频,名师课例课堂实录,高效课堂教学视频,观摩展示公开示范优秀课视频,教学大赛视频! | 重庆电磁流量计_水表厂家_液位计_重庆青天特克科技有限公司 | 消泡剂_有机硅消泡剂_水处理消泡剂_新万成消泡剂厂家 | 移动破碎站-洗沙机-球磨制砂机-污泥处理-青州冠诚重工机械有限公司 | 三维建设工程咨询有限公司| 芯片_IC_半导体品牌一级代理商-深圳市合通泰电子有限公司 | 精密电动平移台|光学隔振平台|手动位移台|隔振平台|电动滑台-北京集科仪器 | 江西铭鑫冶金设备有限公司-破碎机,铜米机,选矿摇床,电池回收设备 | 芜湖净水设备-纯水设备-无负压供水设备-不锈钢水箱-芜湖市百川给水设备有限责任公司 | 江门高空车出租|高空作业设备出租|中特设备租赁有限公司 |