Как исправить проблемы с использованием как JavaScript во внешнем файле, так и JavaScript в HTML - PullRequest
Новая
       10

Как исправить проблемы с использованием как JavaScript во внешнем файле, так и JavaScript в HTML

0 голосов
/ 22 февраля 2019

Я создаю телевизионное приложение.

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

Нажатие клавиш работает нормально, когда сценарий для производительности не добавлен.Когда я добавляю скрипт производительности, навигация по нажатию клавиш не работает.Как я могу это исправить?

...