它们是一种为网页的特定部分添加单独的CSS和JS文件的方法吗?
Is their a way to add separate CSS and JS files for a particular part of web page
是否有办法添加单独的CSS
和Javascript
文件,这些文件只适用于页面的特定部分,而不影响页面的任何其他部分?
我正在尝试添加以下内容到我的网页:
http://codecanyon.net/item/sliderjs-js-framework-for-slider-development/full_screen_preview/1617841当我使用它时,CSS
和JS
文件影响了我的整个网页。
我不希望这种事发生。我想在不改变整个网站的情况下添加一个滑块。
有没有办法让它的工作没有添加所有的滑块的CSS
和JS
代码到我的网页?
可以使用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调用该页面。
相关文章:
- CSS-如何定位内容数据标题
- 在单独的ul's
- Bootstrap CSS和JS我必须将它们包含在单独的文件中,或者可以编译它们
- 单独的文件(HTML5、CSS和JS)
- 如何在Dropkick插件的CSS中单独针对多个下拉菜单
- 在 CSS 中有一个单独的伪选择器,以显示有关一行中多个元素的信息
- 将反应工具箱样式构建为单独的 css 文件
- 如何在iPad中为Websheet分配单独的CSS
- 如何识别设备,为iPad和Galaxy Tab制作单独的css
- 分开一个段落列表,给每个单词单独的CSS
- Html5和Css如何创建单独的ul-li并移动<旁白>向左
- 正在将css框阴影字符串解析为单独的值
- 它们是一种为网页的特定部分添加单独的CSS和JS文件的方法吗?
- 在头文件中包含单独的CSS和JS文件,或者将所有代码放在一个CSS和一个JS文件中
- 是否有可能在清单中有两个单独的css文件,影响两个单独的域
- 使用jQuery或CSS在特定位置将链接的ul列表拆分为单独的列
- 打破D3在单独的HTML, JS和CSS文件不工作
- 如何使用webpack为.scss文件添加一个单独的CSS文件
- webpack:如何将所有scs文件捆绑到一个单独的main.css文件中
- 我可以使用javascript更改单独的页面css条目(而不是交换样式表)