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 个答案: