Javascript <；字幕>；从外部js文件接收数据_Javascript_Html

Javascript <；字幕>；从外部js文件接收数据

javascript html

Javascript <；字幕>；从外部js文件接收数据,javascript,html,Javascript,Html,因此，我有一个html文档，其中包含一个正在运行的示例图片。但是，我希望这些数据来自javascript文件？这可能吗 <link rel="stylesheet" type="text/css" href="FrontEnd.css"/> <title> Test script for ticker </title> </head> <div class="container">

因此，我有一个html文档，其中包含一个正在运行的示例图片。但是，我希望这些数据来自javascript文件？这可能吗

       <link rel="stylesheet" type="text/css" href="FrontEnd.css"/>
       <title> Test script for ticker </title>
     </head>
      <div class="container">
     <body>
     <div id="allTop">
        <h1>            

        </h1>
       <div class="clearfix">

        <div class="forecast">
           <div id="pic"></div>
           <div id="forecast"></div>
           <div id="temp"></div>
        </div>
        </div>
       <div id="ticker">

        <marquee>
       <img 

          src="http://www.quackit.com/pix/milford_sound/milford_sound_t.jpg"      
          Width=80 Height=80 alt="Milford Sound in New Zealand" />NewZealand   
          </marquee>

        </div>
         </div>
         <div class="captured">
        <div class="graph"></div>
         </div>   
         </body>
         </div>
       </html>

这就是我到目前为止所做的：

       <link rel="stylesheet" type="text/css" href="FrontEnd.css"/>
       <title> Test script for ticker </title>
     </head>
      <div class="container">
     <body>
     <div id="allTop">
        <h1>            

        </h1>
       <div class="clearfix">

        <div class="forecast">
           <div id="pic"></div>
           <div id="forecast"></div>
           <div id="temp"></div>
        </div>
        </div>
       <div id="ticker">

        <marquee>
       <img 

          src="http://www.quackit.com/pix/milford_sound/milford_sound_t.jpg"      
          Width=80 Height=80 alt="Milford Sound in New Zealand" />NewZealand   
          </marquee>

        </div>
         </div>
         <div class="captured">
        <div class="graph"></div>
         </div>   
         </body>
         </div>
       </html>

HTML

       <link rel="stylesheet" type="text/css" href="FrontEnd.css"/>
       <title> Test script for ticker </title>
     </head>
      <div class="container">
     <body>
     <div id="allTop">
        <h1>            

        </h1>
       <div class="clearfix">

        <div class="forecast">
           <div id="pic"></div>
           <div id="forecast"></div>
           <div id="temp"></div>
        </div>
        </div>
       <div id="ticker">

        <marquee>
       <img 

          src="http://www.quackit.com/pix/milford_sound/milford_sound_t.jpg"      
          Width=80 Height=80 alt="Milford Sound in New Zealand" />NewZealand   
          </marquee>

        </div>
         </div>
         <div class="captured">
        <div class="graph"></div>
         </div>   
         </body>
         </div>
       </html>


ticker的测试脚本
新西兰

js函数

       <link rel="stylesheet" type="text/css" href="FrontEnd.css"/>
       <title> Test script for ticker </title>
     </head>
      <div class="container">
     <body>
     <div id="allTop">
        <h1>            

        </h1>
       <div class="clearfix">

        <div class="forecast">
           <div id="pic"></div>
           <div id="forecast"></div>
           <div id="temp"></div>
        </div>
        </div>
       <div id="ticker">

        <marquee>
       <img 

          src="http://www.quackit.com/pix/milford_sound/milford_sound_t.jpg"      
          Width=80 Height=80 alt="Milford Sound in New Zealand" />NewZealand   
          </marquee>

        </div>
         </div>
         <div class="captured">
        <div class="graph"></div>
         </div>   
         </body>
         </div>
       </html>

            function buildList(){
            var data= [1,2,3,4,5,6,7,8];
            var listitems = document.getElementsByTagName('marquee');

            for(var i = 0; i <= data.length-1;i++){
            var newListItem = data[i] + 'there should be an img coming in  from an array here';
            listitems.innerHTML = newListItem;

            }
        }

函数构建列表（）{
var数据=[1,2,3,4,5,6,7,8]；
var listitems=document.getElementsByTagName（'marquee'）；
对于（var i=0；iSimple append Data not overwrite
       <link rel="stylesheet" type="text/css" href="FrontEnd.css"/>
       <title> Test script for ticker </title>
     </head>
      <div class="container">
     <body>
     <div id="allTop">
        <h1>            

        </h1>
       <div class="clearfix">

        <div class="forecast">
           <div id="pic"></div>
           <div id="forecast"></div>
           <div id="temp"></div>
        </div>
        </div>
       <div id="ticker">

        <marquee>
       <img 

          src="http://www.quackit.com/pix/milford_sound/milford_sound_t.jpg"      
          Width=80 Height=80 alt="Milford Sound in New Zealand" />NewZealand   
          </marquee>

        </div>
         </div>
         <div class="captured">
        <div class="graph"></div>
         </div>   
         </body>
         </div>
       </html>

function buildList(){
  var data= [1,2,3,4,5,6,7,8];
  var listitems = document.getElementsByTagName('marquee');

  for(var i = 0; i <= data.length-1;i++){
    var newListItem = data[i]; //'<img something /. etc etc
    listitems[0].innerHTML += newListItem;

  }
}

函数构建列表（）{
var数据=[1,2,3,4,5,6,7,8]；
var listitems=document.getElementsByTagName（'marquee'）；
对于（var i=0；i Oh，还有一件事我可以看到您正在从文档中获取数据。getElementsByTagName
将返回一个数组，因为您只有一个选框使用列表项[0]
非常棒。感谢您的帮助！请接受答案。.谢谢