Javascript 它们是否可以为网页的特定部分添加单独的CSS和JS文件

有没有办法添加单独的

CSS

和

Javascript

文件，这些文件只适用于页面的特定部分，不会影响页面的任何其他部分

我正在尝试将以下内容添加到我的网页：

当我使用它时，

CSS

和

JS

文件会影响我的整个网页

我不想发生这种事。我想添加一个滑块而不完全改变我的网站

---

有没有什么方法可以让它在不向我的网页添加所有滑块的

CSS

和

JS

代码的情况下工作？

如果你想让JS和CSS特定于页面的某个部分，而你不知道JS和CSS，唯一的方法就是通过iframes

如果您自己制作了CSS，您只需添加一个前缀即可将其应用于某些部分。不是这样的：

p {color:pink}

#menu p {color:pink}
#content p {color:black}

jQuery('p').slider();

jQuery('#content p').slider();

而是添加前缀，如下所示：

p {color:pink}

#menu p {color:pink}
#content p {color:black}

jQuery('p').slider();

jQuery('#content p').slider();

JS应该只应用于基于id的元素，除非您使用类似jQuery的东西。如果您使用的是jQuery，那么您可以使用与CSS相同的方式将更改仅应用于某些元素。例如

不是这样的：

p {color:pink}

#menu p {color:pink}
#content p {color:black}

jQuery('p').slider();

jQuery('#content p').slider();

而是添加前缀，如下所示：

p {color:pink}

#menu p {color:pink}
#content p {color:black}

jQuery('p').slider();

jQuery('#content p').slider();

---

如果您想让JS和CSS特定于页面的某个部分，而您不知道JS和CSS，那么唯一的方法就是通过iframe

如果您自己制作了CSS，您只需添加一个前缀即可将其应用于某些部分。不是这样的：

p {color:pink}

#menu p {color:pink}
#content p {color:black}

jQuery('p').slider();

jQuery('#content p').slider();

而是添加前缀，如下所示：

p {color:pink}

#menu p {color:pink}
#content p {color:black}

jQuery('p').slider();

jQuery('#content p').slider();

JS应该只应用于基于id的元素，除非您使用类似jQuery的东西。如果您使用的是jQuery，那么您可以使用与CSS相同的方式将更改仅应用于某些元素。例如

不是这样的：

p {color:pink}

#menu p {color:pink}
#content p {color:black}

jQuery('p').slider();

jQuery('#content p').slider();

而是添加前缀，如下所示：

p {color:pink}

#menu p {color:pink}
#content p {color:black}

jQuery('p').slider();

jQuery('#content p').slider();

---

---

使用iframe作为一种沙箱是可能的。但它回避了一个问题，你试图“保护”页面不受什么影响？如果存在名称冲突，最好修复这些冲突，而不是将滑块沙箱化。

可以使用iframe作为沙箱。但它回避了一个问题，你试图“保护”页面不受什么影响？如果存在名称冲突，最好修复这些冲突，而不是将滑块沙箱化。

您可以使用iFrame来解决此问题。创建一个包含CSS和JS文件的新页面，并从iframe调用该页面。

您可以使用iframe来完成此操作。创建一个包含CSS和JS文件的新页面，并从iframe调用该页面。

将该部分用标签包装，并为其派生的所有内容设置样式…同时查看插件的CSS，以查找可能存在问题的全局样式。是否使用静态html或某些框架？请在发布时使用拼写检查器和适当的语法。让人们更容易帮助你。哦，真是讽刺！语法。将该部分包装在一个标签中，并为其派生的所有内容设置样式…同时查看插件的CSS，查找可能存在问题的全局样式。您是否使用静态html或某些框架？请在发布时使用拼写检查器和适当的语法。让人们更容易帮助你。哦，真是讽刺！Grammar.iframe将是一个很好的选择我认为。。。因为我正在防止我正在安装的脚本影响我的整个页面。。我使用的脚本是我在上面给出的url，但它有自己的css和js文件..我认为iframe将是一个很好的选择。。。因为我正在防止我正在安装的脚本影响我的整个页面。。我使用的脚本是我在上面给出的url，但它有自己的css和js文件。还有一件事。。对于任何浏览器兼容性，使用iframe是否安全？对于移动设备？@JohnKim iframes已经支持了大约10年，因此除非您的客户群使用IE3，否则它应该可以工作。大多数手机浏览器的兼容性都比IE10高，所以我认为你不会有手机兼容性问题。谢谢你的回复。我会检查一下它的使用情况，我希望它能解决我的问题。还有一件事。。对于任何浏览器兼容性，使用iframe是否安全？对于移动设备？@JohnKim iframes已经支持了大约10年，因此除非您的客户群使用IE3，否则它应该可以工作。大多数手机浏览器的兼容性都比IE10高，所以我认为你不会有手机兼容性问题。谢谢你的回复。我会看看使用它，我希望它能解决我的问题。