Question

我在我的网站上使用这个脚本（Mobile ESP）来检测用户是从移动设备还是从桌面访问它，在其中我动态加载我需要的每种导航类型的脚本和css样式表（移动或桌面））。

我的问题是我需要加载一个应该放在body标签底部的脚本，否则它将无效。有没有办法做到这一点？

<head>

    <script type="text/javascript">
    if (MobileEsp.isTierIphone || MobileEsp.isTierTablet || MobileEsp.isMobilePhone) {
        var cssUrl = "css/mobilePortraitStyle.css";
            $(document.head).append(
              $("<link/>")
              .attr({
                rel:  "stylesheet",
                type: "text/css",
                media: "screen and (orientation:portrait)",
                href: cssUrl
              })
            );
        var cssUrl = "css/mobileLandscapeStyle.css";
            $(document.head).append(
              $("<link/>")
              .attr({
                rel:  "stylesheet",
                type: "text/css",
                media: "screen and (orientation:landscape)",
                href: cssUrl
              })
            );
    } 

    else {
        var cssUrl = "css/desktopStyle.css";
            $(document.head).append(
              $("<link/>")
              .attr({
                rel:  "stylesheet",
                type: "text/css",
                href: cssUrl
              })
            );
        var jsUrl = "js/skrollr.min.js";
            $(document.head).append(
              $("<script/>")
              .attr({
                src: jsUrl
              })
            );
    }
    </script>

Answer 1

试试这个，这会将脚本附加到body标签的末尾

function loadjscssfile(filename, filetype){
 if (filetype=="js"){ //if filename is a external JavaScript file
  var fileref=document.createElement('script')
  fileref.setAttribute("type","text/javascript")
  fileref.setAttribute("src", filename)
 }
 else if (filetype=="css"){ //if filename is an external CSS file
  var fileref=document.createElement("link")
  fileref.setAttribute("rel", "stylesheet")
  fileref.setAttribute("type", "text/css")
  fileref.setAttribute("href", filename)
 }
 if (typeof fileref!="undefined")
  document.getElementsByTagName("body")[0].appendChild(fileref)
}

使用

调用它

loadjscssfile("myscript.js", "js") //dynamically load and add this .js file
loadjscssfile("mystyle.css", "css") ////dynamically load and add this .css file

在后身标记

中添加此内容

使用javascript加载外部脚本，但在正文的底部

1 个答案: