嵌入 redbubble 的 Javascript 错误答案

【问题标题】：Javascript error embedding redbubble嵌入 redbubble 的 Javascript 错误
【发布时间】：2016-11-13 10:17:54
【问题描述】：

您好，我正在尝试将 redbubble 代码嵌入到我的网站中，以供客户（他的红色气泡商店）到 joomla 网站，但脚本有问题。

<script type="text/javascript" src="http://www.redbubble.com/assets/external_portfolio.js"></script>
<script id="rb-xzfcxvzx" type="text/javascript">new RBExternalPortfolio('www.redbubble.com', 'classiceggshell', 5, 5).renderIframe();</script>

当我在 chrome 中的 devtools 上检查它时，它包含的链接返回 404 错误我在 Jslint 上测试了脚本，它给了我这八个警告需要一个标识符，但看到的是“

那么代码是否存在根本性错误，请任何人都能够解决此问题并给我正确的代码以连接到他的商店。我试图将指向他的商店的链接加载到 iframe 中，但我认为 redbubble 在 iframe 上有一个块，因为 iframe 不会加载并且有 X-Frame-Options: SAMEORIGIN 错误。

我已尝试与 redbubble 的支持人员交谈，但他们仍未回复我

在回复时请注意，虽然我确实有一些知识并且可以按照分步说明进行操作，但我的编码知识很少，因为通常这样的事情很简单。

【问题讨论】：

检查文档..您在脚本标签的src 上引用的脚本不存在..http://www.redbubble.com/assets/external_portfolio.js
什么文件？可以给个链接吗？

标签： javascript jquery iframe

【解决方案1】：

好吧，我遇到了同样的问题，由于某种原因脚本不存在，但我能够找到它：

RBExternalPortfolio = function(t, e, n, i) {
    var a = this;
    a.domain = t, a.rows = n, a.columns = i, a.user_name = e, a.getHeight = function() {
        return 222 * a.rows + 85
    }, a.getWidth = function() {
        return 240 * a.columns + 26
    }, a.getSrc = function() {
        return "http://" + a.domain + "/people/" + a.user_name + "/external-portfolio?count=" + a.rows * a.columns
    }, a.createIframe = function() {
        var t = document.createElement("iframe");
        return t.src = a.getSrc(), t.width = a.getWidth(), t.height = a.getHeight(), t.frameBorder = 0, t.scrolling = "no", t.setAttribute("allowtransparency", "true"), t
    }, a.renderIframe = function() {
        var t = document.getElementById("rb-xzfcxvzx");
        t.parentNode.replaceChild(a.createIframe(), t)
    }
};

发件人：http://nerdyjs.com/script/1406714

然后我在本地保存了一份副本，并将 getSrc 行更改为硬编码指向我的作品集，如下所示：

return "http://redbubble.com/people/<yourname>/external-portfolio?count=" + a.rows * a.columns

很糟糕，他们还没有修复它，但代码至少在那里！

【讨论】：