在子页面,想使用父页面的参数,但是原因两个的域名不一样,所以会出现跨域问题
解决方法:在子页面
window.postMessage("message", '*');//后面的*号就是处理跨域问题的
然后在父页面
window.addEventListener('message', function (msg) {
console.log(msg.data);
设置监听的方法就可以了
function loadJScript() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://api.map.baidu.com/api?v=2.0&ak=&ak=11Z8uiP8kIz6AG0Vjiwzbc5f***&callback.
解决:Uncaught DOMException: Blocked a frame with origin “xxx“ from accessing a cross-origin frame.
Vue 项目中 嵌入 iframe
<iframe id="iframe" width="100%" height="100%" frameborder="0" :src="embedSrc"></iframe>
报跨域错误
Error in nextTick: "SecurityError: Blocked a frame with origin "https://test-live.cantonfair.org.cn" from accessing a cross-origi
项目是一个比较老的项目,需要使用ckeditor4来进行步骤填写,商议后使用jsp内iframe一个vue的html页面进行编写,但是在部署的环境下发生了iframe跨域问题,本文提供了一种解决思路。
解决方案
父级向iframe传值:
使用url取值方案,网上也有很多子集监听数值的方案,但是实际过程中往往第一次在子页面初始化时,是监听不到数据的,故采用url拼接传值方案,关键代码如下
//父级代码
<iframe id="aaa"
问题描述:
UncaughtDOMException:Blockedaframewithorigin"http://localhost:46819"fromaccessingacross-originframe.
问题分析:
1、由于页面中子iframe嵌套了其他网站的页面,导致了跨域问题,无法获取子iframe的元素和方法。