如何在HTML中调用外部js文件变量

Question

我有一个js文件。

文件名： propoties.js

function simple()
{
    alert("simple");
    var text = "Control";
}

这些是我的html代码。 我想要的是提醒HTML中的文本变量。

<html>
<script type='text/javascript' src='path/propoties.js'></script>    
<script>
    simple();
    alert(text); /* It is not working */
</script>
 </html>

请帮我这些。 谢谢。

Answer 1

您的js文件：

var simple=function(){
   var textMultiple = {
        text1:"text1",
        text2:"text2"
    };
   return textMultiple;
}

在您的html中：

<html>
    <script type='text/javascript' src='./relative/path/to/propoties.js'></script>    
    <script>
      alert(simple().text1);
      alert(simple().text2);
    </script>
 </html>

这是一个plunkr演示。

Answer 2

如果要警告外部文件中的文本，则需要将变量声明为global，如下所示。

var text = "Control";
function simple()
{
    text="Changed";
    alert("simple");   
}

或者您可以使用window关键字声明变量

function simple()
{
    alert("simple");   
    window.text = "Control";
}

请签入插件http://plnkr.co/edit/HjkwlcnkPwJZ7yyo55q6?p=preview

Answer 3

就像您所做的那样，“文本”变量仅在函数“简单”的范围内设置。

您应该通过在函数外部声明“ text”变量来使其成为全局变量。

var text = "";

function simple()
{
    alert("simple");
    text = "Control";
}

Answer 4

全局声明变量将起作用。 即

var text = "";
function simple()
{
     text = "Control";
}

见朋克

如何在HTML中调用外部js文件变量

问题描述

4 个解决方案

解决方案1
3 已采纳 2015-07-03 08:45:13

解决方案2
1 2015-07-03 08:25:40

解决方案3
1 2015-07-03 08:27:19

解决方案4
0 2015-07-03 09:29:05

如何在HTML中调用外部js文件变量

问题描述

4 个解决方案

解决方案1 3 已采纳 2015-07-03 08:45:13

解决方案2 1 2015-07-03 08:25:40

解决方案3 1 2015-07-03 08:27:19

解决方案4 0 2015-07-03 09:29:05

解决方案1
3 已采纳 2015-07-03 08:45:13

解决方案2
1 2015-07-03 08:25:40

解决方案3
1 2015-07-03 08:27:19

解决方案4
0 2015-07-03 09:29:05