Question

如何访问我的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));

 }

Answer 1

//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编辑器中执行此操作，所以我只是将它们放入带注释的同一文件中！

Answer 2

//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>

这对我有用！如果对您不起作用，则可能是文档尚未加载的问题。在这种情况下，请尝试使用文档准备功能。

如何从一个js文件访问数据到另一个？

2 个答案: