iframe父子页面跨域调用

news/2024/7/10 22:51:32 标签: jquery

子页面传递参数,父页面接收
子页面传输

window.parent.postMessage("参数","*");(可以是*,也可以是父页面的链接"http://127.0.0.1:8888/aaaa/bbb.html")

父页面接收

window.addEventListener('message', function (e) {
		console.log(e.data)  //e.data为传递过来的数据
		console.log(e.origin)  //e.origin为调用 postMessage 时消息发送方窗口的 origin(域名、协议和端口)
		console.log(e.source)  //e.source为对发送消息的窗口对象的引用,可以使用此来在具有不同origin的两个窗口之间建立双向通信
})

父页面传递参数,子页面接收
父页面传输

window.iframe[0].postMessage("参数","*");

子页面接收

window.addEventListener('message', function (e) {
		console.log(e.data)  //e.data为传递过来的数据
		console.log(e.origin)  //e.origin为调用 postMessage 时消息发送方窗口的 origin(域名、协议和端口)
		console.log(e.source)  //e.source为对发送消息的窗口对象的引用,可以使用此来在具有不同origin的两个窗口之间建立双向通信
})

http://www.niftyadmin.cn/n/1522441.html

相关文章

springboot 1.5和2.0版本tomcat的配置https证书

首先在配置文件添加 server.ssl.key-storeclasspath:xxx.p12(证书) server.ssl.key-store-password123456(密码) server.ssl.key-store-typePK(加密类型) server.ssl.key-aliastomcat(别名) server.ssl.enabledtrue然后将文件xxx.p12放入resource目录下 1.5版本 Beanpublic …

java 字母大小写转换

String str new String("abc DEF");//创建字符串strString newstr str.toLowerCase();//使用toLowerCase()方法实现转换为小写String newstr2 str.toUpperCase();//使用toUpperCase()方法实现转换为大写

mysql 对表字段的增删改

增加多个字段 alter table test(表名) add column aaa(字段名) varchar(255) null COMMENT’字段介绍’ , add column bbb varchar(255) null COMMENT’字段介绍’, add column ccc varchar(255) null COMMENT’字段介绍’, add column ddd varchar(255) null COMMENT’字段介绍…

解决CORS 头缺少 ‘Access-Control-Allow-Origin‘问题

已拦截跨源请求:同源策略禁止读取位于 http://localhost:8888/xxxx/qurty的远程资源。(原因:CORS 头缺少 ‘Access-Control-Allow-Origin’)。 原因:设计这个机制是为了提高安全性。 解决方案: 1:使用"CrossOrigin"注解…

mysql视图时间格式化

MySQL DATE_FORMAT() 函数 SELECT date_format( s.samplTime, ‘%Y %b %d %h:%i %p’ ) AS 采样时间, s.sampleSrc AS 样本归类, s.sampleSrcType AS 样本来源, s.sampleType AS 样本名称 FROM sample s DATE_FORMAT(NOW(),’%m-%d-%Y’) —>12-29-2008 %a 缩写星期名 %b …

Java跟据路径读取和写入文件或者图片

File originalFile new File("D:\\test.jpg");//指定要读取路径try {File result new File("D:\\test0.jpg");//要写入的路径if (result.exists()) {//校验该文件是否已存在result.delete();//删除对应的文件,从磁盘中删除result new File(&…

jquery父子页面赋值,以及父子页面方法调用

子窗口给父窗口元素赋值 /** 修改主题详情param id */ function modifyTheme(id){ $("#theme_id",window.parent.document).attr(“value”,id);//子窗口给父窗口元素赋值 } 子窗口获得父窗口的元素值 var id$("#theme_id_modify",window.parent.docume…

java跟据文件路径下载文件

/* 根据文件所在路径下载文件*/ public void download(HttpServletResponse response, String filePath){File file new File(filePath);// 取得文件名。String fileName file.getName();InputStream fis null;try {fis new FileInputStream(file);response.reset();respon…