如何解决在外部文件中使用javascript和在html中使用javascript的问题

我正在构建一个电视应用程序

它使用按键导航

应用程序还应该显示性能详细信息，因为无法访问开发人员工具

这是我获取性能详细信息的代码

<script>
  window.onload = function () {
    if ("timing" in window.performance) {
      document.getElementById("total_download_time").innerHTML = "<span class='color-class'>Page download time :</span> " + "<span class='color-class'>" + (window.performance.timing.responseEnd - window.performance.timing.navigationStart) + " <span class='color-class'>ms</span>";
      document.getElementById("total_render_time").innerHTML = "<span class='color-class'>Page rendering time :</span> " + "<span class='color-class'>" + (window.performance.timing.loadEventStart - window.performance.timing.domLoading) + "</span>" + "<span class='color-class'> ms</san>";
      document.getElementById("latency").innerHTML = "<span class='color-class'>Latency :</span> " + "<span class='color-class'>" + (window.performance.timing.responseStart - window.performance.timing.fetchStart) + "</span>" + "<span class='color-class'> ms</san>";
      document.getElementById("dom_lookup_time").innerHTML = "<span class='color-class'>Dom Lookup Time :</span> " + "<span class='color-class'>" + (window.performance.timing.domainLookupEnd - window.performance.timing.domainLookupStart) + "</span>" + "<span class='color-class'> ms</san>";
      document.getElementById("server_connect_time").innerHTML = "<span class='color-class'>Server Connect time :</span> " + "<span class='color-class'>" + (window.performance.timing.connectEnd - window.performance.timing.connectStart) + "</span>" + "<span class='color-class'> ms</san>";
      document.getElementById("page_load_time").innerHTML = "<span class='color-class'>Page Load time :</span> " + "<span class='color-class'>" + (window.performance.timing.loadEventStart - window.performance.timing.navigationStart) + "</span>" + "<span class='color-class'> ms</san>";
      document.getElementById("redirection_time").innerHTML = "<span class='color-class'>Redirection time :</span> " + "<span class='color-class'>" + (window.performance.timing.redirectEnd - window.performance.timing.redirectStart) + "</span>" + "<span class='color-class'> ms</san>";
      document.getElementById("dom_content_load_time").innerHTML = "<span class='color-class'>Dom Content Load time :</span> " + "<span class='color-class'>" + (window.performance.timing.domContentLoadedEventEnd - window.performance.timing.navigationStart) + "</span>" + "<span class='color-class'> ms</san>";
    }
    else {
      document.getElementById("result").innerHTML = "Page Timing API not supported";
    }
  }
</script>

当没有添加性能脚本时，按键可以正常工作。 一旦我添加了性能脚本，按键导航就不起作用了。

---

我如何解决这个问题？

什么是“不起作用”呢？是否报告错误？有什么事情发生吗？控制台中没有错误消息，但按下向下键不会进入下一个菜单选择。我想知道您的按键文件中调用

init

的内容是否使用window.onload。如果改用

window.addEventListener（“load”，function（）…）

会发生什么？非常感谢。它在@Austinmullins起作用幸运的猜测，Lol“不起作用”到底是什么意思？是否报告错误？有什么事情发生吗？控制台中没有错误消息，但按下向下键不会进入下一个菜单选择。我想知道您的按键文件中调用

init

的内容是否使用window.onload。如果改用

window.addEventListener（“load”，function（）…）

会发生什么？非常感谢。它在奥斯汀·穆林斯起作用了幸运的猜测，哈哈

function init() {
  document.addEventListener("keydown", function (e) {
    if (eventExec(e.keyCode))
      e.preventDefault();
  }, false);
  document.addEventListener("keydown", function (e) {
    if (handleKeyCode(e.keyCode))
      e.preventDefault();
  }, false);

  // set appMngr to the application/oipfApplicationManager object
  var appMgr = document.getElementById("oipfID");
  if (typeof (appMgr.getOwnerApplication) != "undefined") {
    // create the application
    int_app = appMgr.getOwnerApplication(document);
    //setting remote control buttons
    int_keyset = int_app.privateData.keyset;
    int_ksVisible = 0x23F;
    int_app.show();
    int_keyset.setValue(int_ksVisible);
  }
}