.js не вызывается из html-файла

Я пытаюсь создать видеоплеер с использованием html и .js, однако файл attach1.js не может быть вызван html. Ниже мой HTML-файл:.js не вызывается из html-файла

<!Doctype html> 

<html lang='en'> 

     <head> 
      <meta charset="utf-8"/> 
      <link rel="stylesheet" href="attach1.css"> 
      <script type="text/javascript" src="attach1.js"> </script> 
     </head> 

     <body> 

     <section id="skin"> 
      <video id="myMovie" width="640" height="360"> 
       <source src="bnm.mp4"> 
      </video> 

      <nav> 
       <div id="buttons"> 
        <button type="button" id="playButton"> Play 
       </button> 
       </div> 

       <div id="defaultBar"> 
        <div id="progressBar"> </div> 
       </div> 

       <div style="clear:both"> </div> 
      </nav> 
     </section> 

     </body> 

</html>

Ниже приведен мой attach1.js:

 document.write('Hi'); 
     function doFirst() 
     { 
      barSize=600; 
      myMovie1=document.getElementbyId('myMovie'); 
      playButton1=document.getElementbyId('playButton'); 
      bar=document.getELementbyId('defaultBar'); 
      progressBar1=document.getElementById('progressBar'); 
      document.write('Hi'); 
      playButton1.addEventListener('click', playorpause, false); 
      bar.addEventListener('click', clicker, false); 
     } 

     function playorpause() 
     { 
      if(!myMovie1.paused && !myMovie1.ended) 
      { 
       myMovie1.pause(); 
       playButton1.innerHTML='Play'; 
       window.clearInterval(updateBar); 
      } 

      else 
      { 
       myMovie1.play(); 
       playButton1.innerHTML='Pause'; 
       updateBar=setInterval(update, 500); 
      } 
     } 

     function update() 
     { 
      if(!myMovie1.ended) 
      { 
       var size=parseInt(myMovie1.currentTime*barSize/myMovie1.duration); 
       progressBar1.style.width=size+'px'; 
      } 

      else 
      { 
       progressBar1.style.width='0px'; 
       playButton1.innerHTML='Play'; 
       window.clearInteval(updateBar); 
      } 
     } 

     function clicker(e); 
     { 
      if(!myMovie1.paused && !myMovie1.ended) 
      { 
       var mouseX=e.pageX-bar.offsetLeft; 
       var newtime=mouseX*myMovie1.duration/barSize; 
       myMovie1.currentTime=newtime; 
       progressBar1.style.width=mouseX+'px'; 
      } 
     } 

     window.addEventListener('load', doFirst, false);

В attach1.js даже не печатает бы 'Привет' (в первой строке .js файла). Это означало бы, что файл не вызывается файлом .html. Однако я не могу понять причину этого.

Любая помощь приветствуется. Благодарю.

источник

2014-10-26 Yaan Xuin

Измените «document.write» на «console.log» и попробуйте сделать это, используя отладчик Firebug в Firefox или инструменты разработчика в Chrome. Расскажите нам, что произойдет. –

Является ли ваш файл javascript attach1.js в той же папке, что и html-документ? Имена файлов чувствительны к регистру на машине linux (attach1.js! = Attach1.JS). – sbrbot

где ваш html-файл, где находится файл js - что вы видите, когда загружаете правильный URL-адрес для файла javascript прямо в вашем браузере? Самой очевидной причиной является то, что src просто не указывает на ваш js-файл. – AD7six

вы получили :

function clicker(e); 
{ 
//code 
}

вместо

function clicker(e) 
{ 
//code 
}

Я также получаю файл не найдена ошибка для attach1.css, но это потому, что я не имею свой .css файл

редактировать

Вы звоните document.getElementById против документа. getElementById

Вы действительно должны проверить инструменты разработчика. они твой друг.

источник

2014-10-26 16:44:38 FuriousFolder

Вы можете прокомментировать вызов .css-файла в файле .html –

Я отредактировал свой ответ. Вы запустили это через консоль разработчика (F12 in chrome). – FuriousFolder

Также вы вызываете getELementById vs getElementById – FuriousFolder

Вы должны вызывать функции в attach1.js либо помещает другой тег в вашем HTML, или позвонив по телефону его с помощью кнопки, как это: <button type='button' onclick="play function()">Play</button> Просто замените функцию «играть» с именем функции, вы должны играть вещи.

источник

2014-10-26 16:41:37 thelearnerofcode

у Вас есть ошибка в вашем коде, удалите полу-столбец из этой линии

function clicker(e);

Было бы неплохо посмотреть на ошибки в консоли Js

источник

2014-10-26 16:43:25 riss

Это правда, но это не остановит все до того, что ошибка будет проанализирована. – AD7six

Исправлено; - без изменений, .js еще не звонил! –

.js не вызывается из html-файла

ответ

Смежные вопросы