simpleCart(js) -使用iframe

Question

我有一个关于simpleCart的问题。我刚接触javascript，我知道simplecartjs.org上有很多信息，但我找不到我想要的答案。

我正在尝试将simplecart实现到我的网站中；它完全是用HTML5/CSS3编写的。

我有一个index.html，它在头部有<script src="simpleCart.js"></script> & <script src="jquery.min.js"></script>，用于加载simpleCart(js)脚本和jquery库，我在主体中有<span class="simpleCart_quantity"></span> & <div class="simpleCart_items"></div> & <div class="simpleCart_total"></div>，用于加载项目数量、购物车项目和购物车项目的总成本。主体中还有一个iframe，它将products.html加载到框架中。

在products.html中，我有完全相同的头部，但主体包含产品(搁置项)，它们具有所有正确的类。

当我加载我的网站并点击add to cart时，它没有做任何事情..或者等着看吧！但仅在浏览器刷新之后。这是非常令人沮丧的，因为当我添加一个新的产品，然后点击刷新他们显示，但当我删除一些产品和更高或更低的数量在购物车中的(+/-)，然后添加一些其他产品而不刷新之间，它不会登记删除的产品和数量的变化。

我一直在互联网上寻找答案，尝试了很多其他人的建议，但我就是找不到解决这个问题的办法。我知道；没有iframe它会工作得很好，我已经测试过了。但是对于我的网站，我需要iframe，因为我有很多页面都加载到iframe中。我希望这些信息足够好，让问题变得清晰。如果我能在这里得到一些帮助，我将不胜感激！

Answer 1

我猜，你可以创建一个iframe对象，然后在其中添加或删除内容。对于window，我们可以创建一个对象，并能够访问内容，但对于iframe，我不确定，但大多数情况下，您可以这样做

var doc=document.getElementById("frame").contentWindow.document;