如何使用书签修改 iframe 内的 javascript 函数？

【问题标题】：How to modify a javascript function inside an iframe using bookmarklets?如何使用书签修改 iframe 内的 javascript 函数？
【发布时间】：2023-05-07 21:50:01
【问题描述】：

假设我有一个带有 iframe 的 html 页面，它有自己的 javascript 函数。

function foo(){
//doSomething
}

Web 浏览器指向主页。
主页和 iframe 都是在同一个域中。

我可以从地址栏访问/调用这些功能。

javascript:document.getElementById('iframe').contentWindow.foo();

我可以通过在地址栏中输入新的函数定义来替换主页中的 js 函数。但是它不适用于 iframe 内的函数。

javascript:function foo(){//doSomethingElse}

这似乎只是将该功能添加到主页。 iframe 仍然使用自己的 foo 函数。

我可以在新选项卡中打开 iframe，然后可以修改功能。但是我想知道是否可以通过在主页的地址栏中输入来替换 iframe 内的 js 函数？

有趣的问题但是......我只是对使用这种调整感到好奇。你为什么要这样做？
当您想通过书签向网页添加/修改功能时，它会很有用，您可以在其中重复使用现有的 javascript 代码，而无需在单独的选项卡中打开这些框架。

【解决方案1】：

尝试以下操作，它将 foo 视为变量并将其分配为函数引用（或类似的东西......我的 javascript 不是最好的）。封闭的 ()() 是为了忽略返回值并且页面不会重新加载。

javascript:(document.getElementById('iframe').contentWindow.foo=function(){alert('bar');})()

（在 Firefox 中测试）

【讨论】：

分享于2023年05月08日 bookmarklet iframe javascript 问答