将 Jquery 注入 iframe

Question

从我们本地 Web 服务器上的 php 页面运行我正在 iframe 中打开我们的一个 Web 应用程序。这两个页面都托管在同一台服务器上，因此我没有跨域问题。

直接编辑页面不是一种选择，因此我尝试将 jquery-min.js 和 test.js 页面注入 iframe 中加载的页面。

我在加载 iframe 后使用以下代码。我已确认 css 文件已正确添加，因为这会更改 iframe 中加载的页面背景，但 jquery-min.js 和 test.js 似乎没有任何作用.

iframe = iframeModal.body.firstChild.contentWindow.document
    
    var cssLink = document.createElement("link") 
    cssLink.href = protocol + ip + "test.css"; 
    cssLink .rel = "stylesheet"; 
    cssLink .type = "text/css"; 
    iframe.body.appendChild(cssLink);
    
    var jqLink = document.createElement("link") 
    jqLink.href = protocol + ip + "jquery-min.js"; 
    jqLink .type = "text/javascript"; 
    iframe.body.appendChild(jqLink);
    
    var jqtest = document.createElement("link") 
    jqtest.href = protocol + ip + "test.js"; 
    jqtest .type = "text/javascript"; 
    iframe.body.appendChild(jqtest);

test.js 包含：

$(document).ready(function() {
    alert ( 'Alert Test' )
})

有人可以建议我如何将 jquery-min.js 和 test.js 正确添加到加载的 iframe 页面，以便我可以运行 jquery iframe 页面。

谢谢

Answer 1

var jqLink = document.createElement("link") 
jqLink.href = protocol + ip + "jquery-min.js";

脚本资源不是使用 link 元素嵌入的，而是 script.

（对于 script，您需要设置 src 属性，而不是 href。）

将 Jquery 注入 iframe

Injecting Jquery to an iframe

php

iframe

jquery