美文网首页
动态加载css和js

动态加载css和js

作者: web小哥MrYang | 来源:发表于2020-04-24 10:14 被阅读0次

需求:

一个html里面放入pc端代码和移动端代码用js来判断加载资源

1.加载对应的css

2.删除不需要的html部分(比如pc端就删除移动端html结果)

<script language="javascript">

            function loadjscssfile(filename, filetype) {

                if (filetype == "js") {

                    var fileref = document.createElement('script');

                    fileref.setAttribute("type", "text/javascript");

                    fileref.setAttribute("src", filename)

                } else if (filetype == "css") {

                    var fileref = document.createElement("link");

                    fileref.setAttribute("rel", "stylesheet");

                    fileref.setAttribute("type", "text/css");

                    fileref.setAttribute("href", filename)

                }

                if (typeof fileref != "undefined") document.getElementsByTagName("head")[0].appendChild(fileref)

            }

            loadjscssfile("images/common.css", "css");

        </script>

相关文章

  • JavaScript动态加载js和css

    动态加载js 参考:javascript 性能优化 动态加载css 参考: 动态加载 css 方法实现和深入解析 ...

  • js动态加载HTML元素时点击事件无效

    js动态加载HTML元素时点击事件无效: 是因为这些动态加载的这些HTML,是在css,js代码加载完后,再添加的...

  • 动态加载js和css

    有时候js或css需要后期加载,不需要页面载入的时候加载,这时候客户通过下面方式限定一下访问css及js的方法变量...

  • 动态加载css和js

    需求: 一个html里面放入pc端代码和移动端代码用js来判断加载资源 1.加载对应的css 2.删除不需要的ht...

  • 2021-11-02 vue项目中动态引入远程(第三方)js和c

    将index.html中的远程js和css设置为可配置的动态加载 之前:index.html中写死了js与css的...

  • vue动态加载js和css

    vue动态加载js和css vue项目第一次加载很慢的,发现在第一次加载要很大的js导致卡顿、可以使用cdn加速和...

  • 前端动态加载js和css

    项目中需要用到动态加载CSS 文件,整理了一下,顺便融合了动态加载JS 的功能写成了一个对象,先上代码: 对象包含...

  • 聊聊JS控制css样式的几种方法

    JS控制css样式的几种方式 我们在js的工作学习中总会遇到一些不轻易通过style属性动态加载css样式的情况(...

  • JS动态加载js/css文件

    var dynamicLoading = { css: function (path) { if (!path |...

  • 一文读懂 css js 阻塞问题

    前言 先抛出几个问题: css 加载会不会阻塞 js 的加载?(不会) css 加载会不会阻塞 js 的执行?(会...

网友评论

      本文标题:动态加载css和js

      本文链接:https://www.haomeiwen.com/subject/uyexwhtx.html