![](/img/trans.png)
[英]React - How can I pass API data from one component to another in a different js file?
[英]How can I access data from one js file to another?
如何在我的 js 文件中訪問這些數據? (我只是粘貼了一段 js 文件,但需要訪問每個國家/地區)
我已將此添加到我的 html 文件中
(JS 包含我的國家數據)
1.script src="js/a4-country-data.js">
(我正在研究的 JS,需要訪問國家/地區數據)
2.script src="js/myscript.js">
ar countries = [
{
"Code": "AF",
"Continent": "Asia",
"AreaInKm2": 652230,
"Population": 35530081,
"Capital": "Kabul",
"Name": {
"English": "Afghanistan",
"Arabic": "أفغانستان",
"Chinese": "阿富汗",
"Franch": "Afghanistan",
"Hindi": "अफ़ग़ानिस्तान",
"Korean": "아프가니스탄",
"Japanese": "アフガニスタン",
"Russian": "Афганистан"
}
},
{
"Code": "AL",
"Continent": "Europe",
"AreaInKm2": 28748,
"Population": 2930187,
"Capital": "Tirana",
"Name": {
"English": "Albania",
"Arabic": "ألبانيا",
"Chinese": "阿爾巴尼亞",
"Franch": "Albanie",
"Hindi": "अल्बानिया",
"Korean": "알바니아",
"Japanese": "アルバニア",
"Russian": "Албания"
}
},
{
"Code": "DZ",
"Continent": "Africa",
"AreaInKm2": 2381741,
"Population": 41318142,
"Capital": "Algiers",
"Name": {
"English": "Algeria",
"Arabic": "الجزائر",
"Chinese": "阿爾及利亞",
"Franch": "Algérie",
"Hindi": "एलजीरिया",
"Korean": "알제리",
"Japanese": "アルジェリア",
"Russian": "Алжир"
}
}
進入我的第二個 js 文件
function populateRow(row,i){
row.appendChild(getTdElement(countries[i].Continent));
}
//array.js var countries = [ { "Code": "AF", "Continent": "Asia", "AreaInKm2": 652230, "Population": 35530081, "Capital": "Kabul", "Name": { "English": "Afghanistan", "Arabic": "أفغانستان", "Chinese": "阿富汗", "Franch": "Afghanistan", "Hindi": "अफ़ग़ानिस्तान", "Korean": "아프가니스탄", "Japanese": "アフガニスタン", "Russian": "Афганистан" } }, { "Code": "AL", "Continent": "Europe", "AreaInKm2": 28748, "Population": 2930187, "Capital": "Tirana", "Name": { "English": "Albania", "Arabic": "ألبانيا", "Chinese": "阿爾巴尼亞", "Franch": "Albanie", "Hindi": "अल्बानिया", "Korean": "알바니아", "Japanese": "アルバニア", "Russian": "Албания" } } ] //script2.js var element = document.getElementById("idh1"); element.innerHTML = countries[1].Code+" "+ countries[1].Continent;
<.DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1 id="idh1"> Testsida</h1> </body> <script src="array.js" charset="utf-8"></script> <script src="script2.js" charset="utf-8"></script> </html>
當我在單獨的文件中運行它時,這適用於您的數組。 不知道如何在 stackoverflow-editor 中執行此操作,所以我只是將它們與注釋放在同一個文件中!
您需要在第一個文件中導出數據並在另一個文件中導入它們: https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export
您的問題缺乏更多背景,我不確定我是否在回答您真正需要的內容
//array.js var cars = ["Saab", "Volvo", "BMW"]; //script2.js var element = document.getElementById("idh1"); element.innerHTML = cars[1];
<.DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1 id="idh1"> Testsida</h1> </body> <script src="array.js" charset="utf-8"></script> <script src="script2.js" charset="utf-8"></script> </html>
這對我有用。 如果它對您不起作用,則可能是文檔未加載的問題。 在這種情況下,請嘗試使用文檔就緒功能。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.