HeaderBar.js
6.87 KB
-
使用postMessage向iframe传参theme-mode,实现切换子页面主题的功能 · 370147c6
子页面的js示例 ``` <script> // 接收父页面的主题模式 window.addEventListener('message', function(event) { if (event.data.themeMode) { var theme = event.data.themeMode; // 测试是否正确接受到theme-mode的值 // console.log('Received theme mode from parent:', theme); applyTheme(theme); } }); // 定义一个函数来应用主题 function applyTheme(theme) { var body = document.body; if (theme === 'dark') { body.classList.add("dark-mode"); document.getElementById("darkModeToggle").checked = true; } else { body.classList.remove("dark-mode"); document.getElementById("darkModeToggle").checked = false; } } </script> ```GuoRuqiang committed