2016-09-01 64 views
-2

下面是使用myFunction()讀取對象數組的示例。 'myFunction()'正在正確執行,但是myJSON()沒有。我如何閱讀myJSON() ??如何在JavaScript中執行功能?

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<div id="id01"></div> 
 
<script> 
 
function myFunction(arr) { 
 
    var out = ""; 
 
    var i; 
 
    for(i = 0; i<arr.length; i++) { 
 
     out += '<a href="' + arr[i].url + '">' + 
 
     arr[i].display + '</a><br>'; 
 
    } 
 
    document.getElementById("id01").innerHTML = out; 
 
} 
 
</script> 
 

 
<script src="http://www.mybeautiful.net63.net/test/json-tutorials/json-example.js"></script> 
 

 
</body> 
 
</html>

json-example.js包含:

myFunction([ 
{ 
"display": "HTML Tutorial", 
"url": "http://www.w3schools.com/html/default.asp" 
}, 
{ 
"display": "CSS Tutorial", 
"url": "http://www.w3schools.com/css/default.asp" 
}, 
{ 
"display": "JavaScript Tutorial", 
"url": "http://www.w3schools.com/js/default.asp" 
}, 
{ 
"display": "jQuery Tutorial", 
"url": "http://www.w3schools.com/jquery/default.asp" 
}, 
{ 
"display": "JSON Tutorial", 
"url": "http://www.w3schools.com/json/default.asp" 
}, 
{ 
"display": "AJAX Tutorial", 
"url": "http://www.w3schools.com/ajax/default.asp" 
}, 
{ 
"display": "SQL Tutorial", 
"url": "http://www.w3schools.com/sql/default.asp" 
}, 
{ 
"display": "PHP Tutorial", 
"url": "http://www.w3schools.com/php/default.asp" 
}, 
{ 
"display": "XML Tutorial", 
"url": "http://www.w3schools.com/xml/default.asp" 
} 
]) 

myJSON([ 
{ 
"display": "HTML Tutorial", 
"url": "http://www.w3schools.com/html/default.asp" 
}, 
{ 
"display": "CSS Tutorial", 
"url": "http://www.w3schools.com/css/default.asp" 
}, 
{ 
"display": "JavaScript Tutorial", 
"url": "http://www.w3schools.com/js/default.asp" 
}, 
{ 
"display": "jQuery Tutorial", 
"url": "http://www.w3schools.com/jquery/default.asp" 
}, 
{ 
"display": "JSON Tutorial", 
"url": "http://www.w3schools.com/json/default.asp" 
}, 
{ 
"display": "AJAX Tutorial", 
"url": "http://www.w3schools.com/ajax/default.asp" 
}, 
{ 
"display": "SQL Tutorial", 
"url": "http://www.w3schools.com/sql/default.asp" 
}, 
{ 
"display": "PHP Tutorial", 
"url": "http://www.w3schools.com/php/default.asp" 
}, 
{ 
"display": "XML Tutorial", 
"url": "http://www.w3schools.com/xml/default.asp" 
} 
]) 
+5

您正在調用一個名爲'myJSON'的函數,但是您沒有在任何地方定義它。 「myJSON」的代碼在哪裏? – smarx

+0

@smarx在哪裏調用'myJSON()'?發佈後不久,他是否編輯過該問題,但沒有顯示在編輯歷史記錄中? – Barmar

+0

@Barmar它在通過'

0

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<div id="id01"></div> 
 
<div id="id02"></div> 
 
<script> 
 

 
    function myJSON(arr) { 
 
     var out = ""; 
 
     var i; 
 
     for(i = 0; i<arr.length; i++) { 
 
      out += '<a href="' + arr[i].url + '">' + 
 
      arr[i].display + '</a><br>'; 
 
     } 
 
     document.getElementById("id02").innerHTML = out; 
 
    } 
 

 
</script> 
 

 
<script src="http://www.mybeautiful.net63.net/test/json-tutorials/json-example.js"></script> 
 
</body> 
 
</html>