脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js动态加载Js文件和Css文件

使用javaScript动态加载Js文件和Css文件

 更新时间：2015年10月24日 15:51:39   投稿：lijiao  
这篇文章主要介绍了如何使用javaScript动态加载Js文件和Css文件

JS动态加载CSS 在可换主题的界面中具有很重要的意义，用户可以根据自己的浏览习惯选择自己喜欢的页面显示方式，下面详细说明。

希望下面的方法对你有帮助。
（1）使用JavaScript动态加载Js文件

/*JavaScript动态加载Js文件*/ 
var scriptNode = document.createElement('script'); 
scriptNode.src = 'proxy.js?t='+new Date().getTime();/*附带时间参数，防止缓存*/ 
document.head.appendChild(scriptNode);

（2）使用JavaScript动态加载css文件

/*JavaScript动态加载Css文件*/ 
var cssNode = document.createElement('link'); 
cssNode.rel = 'stylesheet'; 
cssNode.type = 'text/css'; 
cssNode.media = 'screen'; 
cssNode.href = 'style.css?t='+new Date().getTime();/*附带时间参数，防止缓存*/ 
document.head.appendChild(cssNode);

以上就是使用javaScript动态加载Js文件和Css文件的方法，希望对大家的学习有所帮助。

您可能感兴趣的文章:

相关文章

  • 小程序实现自定义多层级单选和多选

    小程序实现自定义多层级单选和多选

    这篇文章主要为大家详细介绍了小程序实现自定义多层级单选和多选，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-04-04
  • 基于canvas粒子系统的构建详解

    基于canvas粒子系统的构建详解

    下面小编就为大家带来一篇基于canvas粒子系统的构建详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • javascript中传统事件与现代事件

    javascript中传统事件与现代事件

    本文给大家介绍的是使用传统事件的方法来模拟现代事件，十分的简单实用，有需要的小伙伴可以参考下。
    2015-06-06
  • TypeScript中的类型断言和非空断言的使用方法

    TypeScript中的类型断言和非空断言的使用方法

    类型断言是一种方式，可以手动指定变量的类型，非空断言是一种类型断言的特殊形式，这篇文章主要给大家介绍TypeScript 中的类型断言和非空断言的使用方法,需要的朋友可以参考下
    2023-07-07
  • JS中onpropertychange和onchange事件区别小结

    JS中onpropertychange和onchange事件区别小结

    当一个HTML元素的属性用js改变的时候，都能通过onpropertychange来捕获。例如一个文本text对象的value属性被页面的脚本修改的时候，onchange无法捕获到，而onpropertychange却能够捕获。
    2010-07-07
  • TypeScript联合类型,交叉类型和类型保护

    TypeScript联合类型,交叉类型和类型保护

    这篇文章主要介绍了TypeScript联合类型,交叉类型和类型保护，联合类型就是定义一些类型，定义的变量只需要满足任意一种类型即可，交叉类型就是需要满足所有类型，交叉类型使用，更多内容我们来看看下面文章详细内容吧
    2021-12-12
  • 使用uni-app开发微信小程序的实现

    使用uni-app开发微信小程序的实现

    这篇文章主要介绍了使用uni-app开发微信小程序的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • JS实现鼠标按下拖拽效果

    JS实现鼠标按下拖拽效果

    这篇文章主要为大家详细介绍了JS实现鼠标按下拖拽效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-07-07
  • 使用Chrome调试JavaScript的断点设置和调试技巧

    使用Chrome调试JavaScript的断点设置和调试技巧

    这篇文章主要介绍了使用Chrome调试JavaScript的断点设置和调试技巧,需要的朋友可以参考下
    2014-12-12
  • JavaScript JSON.stringify()的使用总结

    JavaScript JSON.stringify()的使用总结

    JSON是一种轻量级数据格式，可以方便地表示复杂数据结构。JSON对象有两个方法：stringify()和parse()。在简单的情况下，这两个方法分别可以将JavaScript序列化为JSON字符串，以及将JSON解析为原生JavaScript值。本文着重介绍JSON.stringify()的使用方法和注意事项。
    2021-05-05

最新评论