腔调 发表于 2023-12-24 04:06:12

keycloak~从login-status-iframe页面总结如何跨域传值

login-status-iframe.html是keycloak为我们提供的一种检测用户登录状态的页面,它要求用户对接的系统通过iframe进行嵌入,然后通过window.addEventListener去订阅子页面的信息。
提示: 所有 HTML DOM 事件,可以查看我们完整的https://www.runoob.com/jsref/dom-obj-event.html。
addEventListener说明


[*]element.addEventListener(event, function, useCapture)

[*]event(*必须):字符串,指定事件名,注意: 不要使用 “on” 前缀。 例如,使用 “click” ,而不是使用 “onclick”。
[*]function(*必须):指定要事件触发时执行的函数。
[*]useCapture(*可选):布尔值,指定事件是否在捕获或冒泡阶段执行。

[*]true- 事件句柄在捕获阶段执行
[*]false - 默认,事件句柄在冒


跨域传值的测试


[*]主页面:http://localhost:9090
[*]iframe页面:http://localhost:9090
主页面

子页面

最后,你会从收到子页面的alert

再收到主页面的alert


来源:https://www.cnblogs.com/lori/p/17923571.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: keycloak~从login-status-iframe页面总结如何跨域传值