美文网首页
动态加载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>

    相关文章

      网友评论

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

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