它们是一种为网页的特定部分添加单独的CSS和JS文件的方法吗?

Is their a way to add separate CSS and JS files for a particular part of web page

本文关键字:CSS 单独 添加 JS 方法 文件 定部 网页 一种      更新时间:2023-09-26

是否有办法添加单独的CSSJavascript文件,这些文件只适用于页面的特定部分,而不影响页面的任何其他部分?

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

http://codecanyon.net/item/sliderjs-js-framework-for-slider-development/full_screen_preview/1617841

当我使用它时,CSSJS文件影响了我的整个网页。

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

有没有办法让它的工作没有添加所有的滑块的CSSJS代码到我的网页?

可以使用iframe作为一种沙盒。但它回避了一个问题,您试图"保护"页面免受什么影响?如果你有名称冲突,你最好修复这些,而不是沙箱滑块。

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

如果你自己做了CSS,你可以添加一个前缀来应用它在某些部分。不像这样:

p {color:pink}

,添加一个前缀,像这样:

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

你的JS应该只应用于基于id的元素,除非你使用jQuery之类的东西。如果您使用的是jQuery,则可以像使用CSS一样只对某些元素应用更改。如。

不像这样:

jQuery('p').slider();

,添加一个前缀,像这样:

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

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