页面动态删除js、css文件

var _js =  document.getElementById("select2Js"); //id对应的document对象
var _css =  document.getElementById("select2Css"); //id对应的document对象
document.head.removeChild(_js); //删除ID的对应标签

document.head.removeChild(_css); //删除ID的对应标签

最近做一个项目,项目中使用include引用了太多公共的css、js文件,但是有些公共的css、js文件影响到页面上的元素

比如 公共文件中引用了select2下拉菜单的插件,所有页面上的select标签都会被select2影响

页面动态删除js、css文件_第1张图片

如果select被隐藏的div包含,当显示这个div时由于select被select2影响导致select不能点击(点击没反应)

由于select2插件在公共head中引用,很多页面都用到,所以无法删除

解决办法:

在公共head的select2插件上加上id=“xxx”

在不需要这个插件的页面上动态删除这个插件的js、css文件页面动态删除js、css文件_第2张图片

遇到的问题作此记录,欢迎有更好办法的朋友一起讨论

你可能感兴趣的:(jquery,jsp)