从jQuery $（document）.ready（function（）{}）中的外部JavaScript文件获取变量值；

Question

我在外部JavaSsript文件中定义了该文件，其中包含一个变量，如下所示

var demo='Hello'".

我想在jQuery的$(document).ready()事件中使用此变量的值。 我该怎么做？

Answer 1

您所要做的就是将外部文件放在主脚本上方：

<script src="external.js"></script>
<script>
     // "demo" is accessible here
</script>

脚本标签是同步加载的，因此一旦执行了第二个脚本标签，就可以确保第一个已被加载。

编辑

根据评论，此脚本适用于我：

<html>
    <script src="global.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.js"></script> 
    <script type="text/javascript"> 
        $(document).ready(function() { var x=abc(); alert('hello'+x); }); 
    </script>
</html>

其中global.js只是：

function abc() { var valu='hello'; return valu; }

Answer 2

如果您在具有ready事件的文件之前定义了该文件，则在范围正确的情况下它应该可用。 即：

<script type="text/javascript" src="scriptwithvalue.js"></script>
<script type="text/javascript" src="scriptthatwantsthevalue.js"></script>

当我在文件之间传递变量时，我倾向于将逻辑封装在getter和setter中，即：

文件一

var name = "Dave";

function getName()
{
    return name;
}

文件二

var name = getName();

编辑

如上所述，如果您的Javascript已经在HTML文件中，则只需导入其中包含值的脚本就足够了。

从jQuery $（document）.ready（function（）{}）中的外部JavaScript文件获取变量值；

问题描述

2 个解决方案

解决方案1
2 2013-08-01 07:48:33

解决方案2
0 2013-08-01 07:48:12

从jQuery $（document）.ready（function（）{}）中的外部JavaScript文件获取变量值；

问题描述

2 个解决方案

解决方案1 2 2013-08-01 07:48:33

解决方案2 0 2013-08-01 07:48:12

解决方案1
2 2013-08-01 07:48:33

解决方案2
0 2013-08-01 07:48:12