javascript - 他们是为网页的特定部分添加单独的 CSS 和 JS 文件的一种方式吗

Question

有没有办法添加单独的文件CSS和Javascript文件，这些文件仅适用于页面的特定部分并且不影响页面的任何其他部分？

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

当我使用它时，CSS和JS文件会影响我的整个网页。

我不希望这种情况发生。我想在不完全改变我的网站的情况下添加一个滑块。

有没有办法让它在不将所有滑块CSS和JS代码添加到我的网页的情况下工作？

score 1 · Accepted Answer

可以使用 iframe 作为一种沙盒来做到这一点。但它引出了一个问题，你试图“保护”页面免受什么影响？如果您有名称冲突，您最好修复这些问题，而不是对滑块进行沙盒处理。

score 0 · Accepted Answer

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

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

p {color:pink}

相反，添加一个前缀，如下所示：

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

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

不像这样：

jQuery('p').slider();

相反，添加一个前缀，如下所示：

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

score 0 · Accepted Answer

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

3 回答 3