为什么我的外部javascript方法说它是未定义的？

Question

我有这个外部方法，它将根据工作的屏幕大小加载正确的CSS文件。 当我添加更多文件夹/页面时，我意识到我需要在调用它时指定多少个文件夹，以便它可以找到CSS文件。 它可以在一个文件夹深的页面上工作，该文件夹只有一行文本以确保已加载。 当我尝试加载包含图片和其他内容的索引页时，它将加载除CSS文件外的所有内容，该文件显示“ ReferenceError：未定义启动”。 为什么未定义？ 请严格保留所有解决方案使用javascript的方法，我不想在该项目中使用jQuery。

这是head标签中的HTML

<script src="../Scripts/Load_CSS_Template.js"></script>
<script>Start(0);</script>

这是外部javascript

function Start(Folders_Deep)
{ 

    if (Folders_Deep == "undefined")
    {
        console.log("I was not defined");
    }
    else
    {
        var Prefix = "";

        if(Folders_Deep == 1)
        {
            Prefix = "../";
        } 

        console.log("Browser Screen Width: " + window.innerWidth);
        console.log("Hostname: " + window.location.hostname);
        console.log("Folders_Deep: " + Folders_Deep);
        console.log("Prefix: " + Prefix);

        if (window.innerWidth <= '1400')
        {
            Get_CSS_File(Prefix + 'Mobile_Template.css'); 
        }
        else 
        { 
            Get_CSS_File(Prefix + 'Desktop_Template.css'); 
        }
    }
}

Answer 1

如果你的CSS文件始终在根目录和JavaScript始终是在目录/Scripts ，你不需要任何前缀，只需使用的完整路径/Scripts/Load_CSS_Template.js ， /Mobile_Template.css和/Desktop_Template.css 。 否则，请使用window.location找出您所在的位置并采取相应措施。

function Start(Folders_Deep) {
    var Prefix = "";

    if (undefined === Folders_Deep) {
        console.log("I was not defined");
    } else {
        if (Folders_Deep == 1) {
            Prefix = "../";
        } else if (Folders_Deep == 0) {
            Prefix = "./";
        }

        console.log("Browser Screen Width: " + window.innerWidth);
        console.log("Hostname: " + window.location.href);
        console.log("Folders_Deep: " + Folders_Deep);
        console.log("Prefix: " + Prefix);

        if (window.innerWidth <= '1400') {
            Get_CSS_File(Prefix + 'Mobile_Template.css');
        } else {
            Get_CSS_File(Prefix + 'Desktop_Template.css');
        }
    }
}

Answer 2

好。 试试这个吧。

将其添加到html文件的<head>部分：

<script type="text/javascript">

function getScript(src, callback) {
  var s = document.createElement('script');
  s.src = src;
  s.async = true;
  s.onreadystatechange = s.onload = function() {
    if (!callback.done && (!s.readyState || /loaded|complete/.test(s.readyState))) {
      callback.done = true;
      callback();
    }
  };
  document.querySelector('head').appendChild(s);
}

function myCallback() { Start(0); }

getScript("../Scripts/Load_CSS_Template.js", myCallback);

</script>

Answer 3

如果只想在加载文件时执行该函数（不考虑其他文件和对象的加载），则只需在Load_CSS_Template.js中的函数下方放置Start（0）调用即可。

即

function Start(Folders_Deep)
{ 

    if (Folders_Deep == "undefined")
    {
        console.log("I was not defined");
    }
    else
    {
        var Prefix = "";

        if(Folders_Deep == 1)
        {
            Prefix = "../";
        } 

        console.log("Browser Screen Width: " + window.innerWidth);
        console.log("Hostname: " + window.location.hostname);
        console.log("Folders_Deep: " + Folders_Deep);
        console.log("Prefix: " + Prefix);

        if (window.innerWidth <= '1400')
        {
            Get_CSS_File(Prefix + 'Mobile_Template.css'); 
        }
        else 
        { 
            Get_CSS_File(Prefix + 'Desktop_Template.css'); 
        }
    }
}

Start(0);

-------------------- [替代解决方案] -----------------------

而是将Start(0)放在<body onLoad=""> ，一旦所有内容加载完毕，它将被执行。 （在html <head>部分中按原样加载脚本。）

即

<body onLoad="Start(0)">Hello World</body>

Answer 4

加载js文件的调用中是../。 我忘了从文件夹内的页面复制和粘贴。 一旦删除，它便加载了脚本。

为什么我的外部javascript方法说它是未定义的？

问题描述

4 个解决方案

解决方案1
1 2015-12-09 22:55:40

解决方案2
1 2015-12-09 23:34:52

解决方案3
0 2015-12-09 22:44:44

解决方案4
0 已采纳 2015-12-09 23:30:52

为什么我的外部javascript方法说它是未定义的？

问题描述

4 个解决方案

解决方案1 1 2015-12-09 22:55:40

解决方案2 1 2015-12-09 23:34:52

解决方案3 0 2015-12-09 22:44:44

解决方案4 0 已采纳 2015-12-09 23:30:52

解决方案1
1 2015-12-09 22:55:40

解决方案2
1 2015-12-09 23:34:52

解决方案3
0 2015-12-09 22:44:44

解决方案4
0 已采纳 2015-12-09 23:30:52