javascript - 动态加载 JavaScript 文件

Question

我销售的 vendor 要求我将此代码添加到我的推介页面:

<script>
    (function() {
        var p = '/?vendor=2knowmysel&time=' + new Date().getTime();
        var cb = document.createElement('script'); cb.type = 'text/javascript';
        cb.src = '//header.clickbank.net' + p;
        document.getElementsByTagName('head')[0].appendChild(cb);
    })();
</script>

代码应该让页面加载到带有 Clickbank 红色 Logo 的标题中。当我在 head 部分添加代码时，什么也没发生。

接下来我尝试通过在空白 html 页面(远离 drupal)上发布来隔离问题，即 http://www.2knowmyself.com/testpage.htm .

但是框架没有显示。

这里出了什么问题？鉴于 Clickbank 声称代码是完美的。

Answer 1

这是您的代码的作用:

<script>
    // the following line creates an anonymous immediately-invoked function
    (function() {
        // this will return a string named 'p', which contains the vendors ID and current time
        var p = '/?vendor=2knowmysel&time=' + new Date().getTime();
        // this creates a new 'script' tag for HTML, name it 'cb', and tells the code it's for JavaScript
        var cb = document.createElement('script'); cb.type = 'text/javascript';
        // this will take a url with the address and the query string, which you named 'p' earlier, and set it as the source for 'cb'
        cb.src = '//header.clickbank.net' + p;
        // now you'll insert 'cb' to the HTML, so it'll load the JavaScript file into it
        document.getElementsByTagName('head')[0].appendChild(cb);
    // the function won't run automatically upon declaration, so you use parenthesis to tell it to run
    })();
</script>

总结一下，它基本上将 vendor 的 ID 和当前时间发送到给定的服务器，并期望从中返回一个 JavaScript 文件；然后它会将此文件加载到您的 HTML 文档中。

目前，它似乎不起作用，因为该服务器正在从您的页面获取信息，但不会将 JavaScript 文件发送回它。当他们调整它以使用正确的文件进行响应时，您会看到它相应地运行。

编辑:(回答您的最后一个问题)

到目前为止，我可以看到他们的服务器没有将预期的 JS 文件发送回您的页面，因此它不起作用。如果您想自己检查这一点，请在浏览器中使用 JS 调试器或网络监视器(大多数现代网络浏览器都内置了这些功能，请尝试按 F12 然后重新加载页面)。

如果您想检查 iframe 是否在您的服务器上运行，您可以联系服务器管理员或尝试自己在页面中嵌入 iframe。将以下代码粘贴到文档中。如果你看到SO主页，它就可以了。否则，它什么也不会显示。如果您看到您的浏览器不支持 iframe。，那么您可能需要更新您的网络浏览器并再次检查。

<iframe src="http://stackoverflow.com" width="300" height="300">
    <p>Your browser does not support iframes.</p>
</iframe>