如何在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