动态加载、移除js/css文件

Chason
2021-02-03 / 0 评论 / 0 点赞 / 874 阅读 / 606 字
温馨提示:
本文最后更新于 2021-03-01,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

动态加载、移除js/css文件

参考:https://blog.csdn.net/dongsdh/article/details/79621125

javascript 如何禁用link的css文件呢?

参考:http://www.maomao365.com/?p=17584

摘要:
下文讲述使用javascript脚本禁用外部链接的css文件的方法分享,如下所示:

实现思路: 
    使用DOM中styleSheets中的disabled属性即可使用外部导入的css文件禁用

例:

  
   <html>
    <head>
        <link id="cssFile1" rel="stylesheet" href="#" disabled />
        <script>
            window.onload = function()
            {
           
               document.getElementById('cssFile1').setAttribute('disabled'); //禁用css

               document.getElementById('cssFile1').removeAttribute('disabled'); //启用css
            }
        </script>
    </head>
    <body>
        <p>猫猫教程</p>
    </body>
</html>

0

评论区