javascript - link＆amp;从html

Question

我在HTML中有一些JS。当它在一个页面中时它工作正常，但是一旦我想将JS放在单独的文件中它就不起作用。

中的index.html

<script src="js/pw.js"></script>

稍后，在特定的地方我需要JS出现：

<script type="text/javascript" src="js/pw.js"></script>

除此之外，我还有一个名为pw.js的独立JS文件，其中包含以下代码：

$(document).ready(function() {
    function TheLogin() {
        console.log("CLICK");
        var password = '123';
        if (this.document.login.pass.value == password) {
            console.log("IR");
            top.location.href="./file.pdf";
        }
        else {
            console.log("X");
            window.location.reload();
        }
    }
});

为什么单独的文件不起作用？

Answer 1

对不起，我很抱歉。它的工作原理如下：

<script language="JavaScript" type="text/javascript"> function TheLogin() { console.log("CLICK"); var password = '123'; if (this.document.login.pass.value == password) { console.log("IR"); top.location.href="./file.pdf"; } else { console.log("X"); window.location.reload(); } } </script> <div class="button_pw">Enter the password:<a class="button" onclick="TheLogin()"><i class="fa fa-download"></i> Download</a><form name="login" style="margin: 0px"><INPUT TYPE="text" autocomplete="off" NAME="pass" size="17" onKeyDown="if(event.keyCode==13) event.keyCode=9;"></div></form></div>