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

Question

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

1. 它使用按键导航

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

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

<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>

我已经在 HTML 文件本身中写了这个

但是，我有另一个 .js 文件，其中包含按键导航所需的代码

key_navigation.js

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);
  }
}

未添加性能脚本时，按键工作正常。一旦我添加了性能脚本，按键导航就不起作用了。我怎样才能解决这个问题？

标签： javascripthtmlonload