Не удается вызвать класс Javascript от HTML

Пожалуйста, посмотрите на код нижеНе удается вызвать класс Javascript от HTML

TTSScript.js

function TTS() 
{ 
    var msg = new SpeechSynthesisUtterance("yohan"); 
    var voices = window.speechSynthesis.getVoices(); 

    this.speakText = function() 
     { 
      window.speechSynthesis.speak(msg); 
     } 
    }

index.html

<html> 
    <head> 
     <title>TODO supply a title</title> 
     <meta charset="UTF-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 

     <script src="/scripts/TTSScript.js"></script> 
     <script> 
      function speak() 
      { 
       var msg = new SpeechSynthesisUtterance('Hello World'); 
       window.speechSynthesis.speak(msg); 
      } 

      function speak2() 
      { 
       var TTS = new TTS(); 
       TTS.speakText(); 
      } 


     </script> 
    </head> 
    <body> 
     <div><button onclick="speak2()">Click me</button></div> 
    </body> 
</html>

Unfortunatly, когда я нажмите на кнопку на странице html, то, что я получаю, является ошибкой. Это ниже.

Uncaught TypeError: undefined is not a function (13:42:13:817 | error, javascript) 
    at speak2 (public_html/index.html:23:26) 
    at onclick (public_html/index.html:31:126)

Я не очень знаком с JavaScript, можете ли вы сообщить мне, почему я получаю эту ошибку и как ее исправить?

источник

2015-01-20 Yohan Weerasinghe

Это единственная ошибка? это 'SpeechSynthesisUtterance', определенный в вашем браузере? –

js fiddle приветствуется, в другом случае это «почему этот код не работает?». вопрос – micnic

@TimSeguine: как вы можете видеть, я могу вызвать функцию 'speak()' без проблем, да, определяется 'SpeechSynthesisUtterance'. –

Я решил проблему ..:

не использовать все имена капитала как переменные

Var TTS = новый TTS(); tts.speakText();
правильный вызов говорить в скрипкой

http://jsfiddle.net/bpprwfxa/4/

var msg = new SpeechSynthesisUtterance('Yohan'); 
 
window.speechSynthesis.speak(msg);

источник

2015-01-20 09:01:23 Peachyz

Не работает в машине, работает в скрипке. Как я уже упоминал, функция TTS принадлежит другому сценарию, а не внутреннему JS. –

Хорошо, это сработало. Благодаря! –

После объявления функции ее имя становится (локально) сохраненным словом. Это означает, что создание переменной с тем же именем может вызвать некоторые проблемы.

Я взял свой код и изменил

var TTS = new TTS(); 
TTS.speakText();

var tts = new TTS(); 
tts.speakText();

И исчезла ошибка.

источник

2015-01-20 08:57:51 Gil

Это означает, что он работает на вас? потому что не для меня ... –

Не работает и имеет ошибки - это две разные вещи. Это разрешает сообщение об ошибке? Если это так, вы можете теперь отладить функцию и узнать, что мешает ей работать. – Gil

Не удается вызвать класс Javascript от HTML

ответ

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