时间戳

首页 > 解决方案 > 从 HTML 文件访问 JavaScript 函数

javascript - 从 HTML 文件访问 JavaScript 函数

问题描述

我是 JavaScript 新手，我想将我在 HTML 文件中创建的按钮连接到单独 JavaScript 文件中的函数。现在我可以在我的 HTML 文件中创建一个脚本并将其链接到按钮，但我无法将它链接到外部 JavaScript 文件。这是用于文本聊天机器人的语音。

聊天.html：

<div id="result"></div>
<script type="text/javascript" src="public/js/stt.js"></script>
<button onclick="startConverting();"><i class="fa fa-microphone"></i></button>

stt.js：

function startConverting () {
  if('webkitSpeechRecognition' in window){
    var speechRecognizer = new webkitSpeechRecognition();
    speechRecognizer.continuous = true;
    speechRecognizer.interimResults = true;
    speechRecognizer.lang = 'en-IN';
    speechRecognizer.start();

    var finalTranscripts = '';

    speechRecognizer.onresult = function(event){
      var interimTranscripts = '';
      for(var i = event.resultIndex; i < event.results.length; i++){
        var transcript = event.results[i][0].transcript;
        transcript.replace("\n", "<br>");
        if(event.results[i].isFinal){
          finalTranscripts += transcript;
        }else{
          interimTranscripts += transcript;
        }
      }
      r.innerHTML = finalTranscripts + '<span style="color:#999">' + interimTranscripts + '</span>';
    };
    speechRecognizer.onerror = function (event) {
    };
  }else{
    r.innerHTML = 'Your browser is not supported. If google chrome, please upgrade!';
  }
}

标签： javascript

解决方案

只需做一个 require('./yourfile.js');

将您希望外部访问的所有变量声明为全局变量。所以而不是

var a = "hello" it will be

GLOBAL.a="hello" or just

a = "hello"

来源：在 node.js 中加载和执行外部 js 文件并访问局部变量？

推荐阅读