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
  

主页面

1. [/code][size=5]子页面[/size]
3. [code]

复制代码

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

再收到主页面的alert

来源:https://www.cnblogs.com/lori/p/17923571.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！