gpt4 book ai didi

javascript - 使用 JavaScript 从另一个页面修改一个页面的 HTML 值

转载 作者:行者123 更新时间:2023-11-28 04:44:40 25 4
gpt4 key购买 nike

考虑一个 HTML名为 page1.html 的页面具有以下简单结构:

<html>
<title>Page1</title>
<body>
<h1>Hello</h1>
</body>
</html>

是否可以更改<h1>关于 page1.html 的文字使用来自 page2.html 的 JavaScript ?

如果可能,如何实现?

最佳答案

假设您从同一来源提供您的 HTMLS(例如,如果您打开了两个 facebook 标签),您可以使用 'storage' event 解决此问题(本地存储在选项卡之间共享),如下所示:

HTML1:

<script>
localStorage.setItem('message', JSON.stringify({ 'myContent': 'i like pizza' }));`
localStorage.removeItem('message');
</script>

HTML2

<script>
$(window).on('storage', e => {
var message = JSON.parse(e.originalEvent.newValue);
$('#myH1').text(message.myContent);
});
</script>

关于javascript - 使用 JavaScript 从另一个页面修改一个页面的 HTML 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52015300/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com