HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>stop() — document alias</title>

</head>

<body>

  <button type="button" id="docStopBtn">document.stop()</button>

  <button type="button" id="winStopBtn">window.stop()</button>

  <pre id="out">Click either button — both halt loading the same way.</pre>

  <script>

    var out = document.getElementById("out");



    function cancelLoad(doc) {

      doc.stop();

      out.textContent = "Called stop() on " + (doc === document ? "document" : "window") + ".";

    }



    document.getElementById("docStopBtn").onclick = function () {

      cancelLoad(document);

    };



    document.getElementById("winStopBtn").onclick = function () {

      window.stop();

      out.textContent = "Called window.stop().";

    };

  </script>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

JavaScript stop() — document.stop() (Try It)