Question

我想通过按下另一个按钮来触发按钮的类。我在这里有这个按钮

                 <button class="clear-cart banner-btn">clear cart</button>

我正在用来清理购物车。然后我得到了这个orderconfirmation html页面，我按“ go back”按钮返回首页并删除本地存储。因此，当我从orderconfirmation返回主页时，我希望购物车为空。

                        <button class="clear-cart banner-btn">clear cart</button>

当然，我尝试将这段代码放入订单确认页面，但id无效。我什至拥有相同的javascript。所以，无论如何，当我从订单确认页面上单击按钮时，它会触发主页上我的购物车中的按钮吗？预先感谢。

Answer 1

从问题的第一部分看，做您想做的事情很不道德。为什么不仅仅触发功能呢？我的意思是：

关于如何连接它们-问题的第二部分，我想说的更多，只是import foo from 'path/to/foo'？（如果已设置节点）。您的设置是什么，您使用的是什么？

为什么这是一种不好的做法？关注点分离。如果您不确定这是什么，请尝试查看“清洁代码”或一些类似的指南。这是Bob叔叔的精彩视频（清洁代码）https://www.youtube.com/watch?v=2dKZ-dWaCiU

例如您的问题是您认为购物车在主页上。不应该这样它不应该在页面上。页面是一个细节。无论任何页面，您都需要购物车正常工作。

此答案支持您正在学习，而不是在进行客户服务，因此旨在了解如何解决直接问题。

这是连接两个文件的最小方法（尽管不是很好）。

<!-- index.html -->
<html>
    <body>
        <button>Button text</button>
    </body>
    <script src='./foo.js'></script>
</html>

// foo.js
console.log('hi from foo')

您需要的是跨页面可用的功能，即在每个页面中导入。您可以每次简单地这样导入它。或查看框架为您做。 请注意，框架并非最终就是所有解决方案，尽管对于学习而言，我认为它们会使您步入正轨。

<script type="module" src="./foo.js"></script>

祝你好运：）