JS 中的appendChild()方法动态添加控件，不刷新时实现了添加，刷新后就还原界面啦，代码如下

你好，

如题描述的结果是必然的。

首先，你需要明白两个问题：第一，js浏览器端脚本，执行在服务端内容响应成功之后，它的appendChild方法，只是在浏览器中进行了 *** 作，并未向服务器发送保存请求（命令）；第二，当你刷新页面的时候，你实际上是通过浏览器向服务器发送了一个请求，而当请求完成后你看到的界面是从服务端返回来的，并不是由浏览器直接产生。

明白了这两点，我给你举个例子说明下：

我们假设服务端有一个html文件，名为index.html，它包含题中所述的那段js

当你刷新页面的时候，index.html 的内容被请求到了浏览器，这时浏览器将它的内容显示给你

当页面显示完成（这里要看你js的位置或调用方式）之后，客户端js开始执行，将button添加到浏览器显示的内容中

而这时，服务器上index.html文件的内容并没有发生改变

所以当你再次刷新，从服务器取index.html的时候，页面内容就恢复到最初状态了。

希望说清楚了，如有疑问欢迎追问，望采纳~

如果有科学上网软件，在谷歌浏览器上安装插件是步骤最简单的方法。只需要在下载安装、更新的时候需要科学上网设置，以后使用都不需要。请注意: 科学上网时，chrome添加js插件的 *** 作步骤如下：

1) 需要退出亚马逊店铺登陆，退出（log out)；

2) 启用科学上网软件，点击下载：JS插件-Chrome网上应用商店；点击“添加至Chrome”（Add to Chrome）按钮安装即可；

3）关闭翻墙以后，清除cookie；

4）继续登陆店铺即可。

注意事项：如果下载过程中出现报错，可以更换科学上网节点；如果电脑上没有店铺的话，忽略登录/退出店铺的 *** 作。

想要了解更多有关js插件的相关信息，推荐咨询Jungle Scout。作为亚马逊官方认证的第三方服务商，全球超火的亚马逊选品运营工具的Jungle Scout，利用JS插件和Jungle Scout网页版来开发产品，扩张FBA业务，帮助卖家规避选品风险，提高利润！JS插件（Chrome Extension），是亚马逊卖家圈中的第一款明星产品，功能强大、设计简单，卖家可以一键查看现有产品的销量、竞争程度以及历史销售趋势。

这个注意看swiper的文档就可以了,可以使用jquery动态添加元素，然后调用swiper的update()方法即可。下面是一个小例子，记得把swiper和jquery引入进来。

Swiper常用于移动端网站的内容触摸滑动。

Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。

Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。

Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！

---