我如何将数据从一个js文件访问到另一个文件?

问题描述 投票:-1回答:2

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

 }
javascript html dom
2个回答
0
投票

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


-1
投票

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

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


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

© www.soinside.com 2019 - 2024. All rights reserved.