无法通过Chrome扩展程序重定向

Question

我正在尝试为个人项目创建chrome扩展程序。我用JS和HTML创建了一个简单的登录系统，当我在chrome中打开.html时登录工作正常，但是当我通过google chrome扩展登录时它不想工作。分机瞬间闪烁，什么都不做。当我在chrome中打开.html但是当我尝试通过扩展程序执行它时，我发现它的工作原理很奇怪。

为什么会这样？我已经坚持了很久......

HTML：     

<label>Username</label>
<input type="text" name="usr" placeholder="Enter username" style="width: 400px; height: 50px; border: none;"> 

<label>Password</label>
<input type="password" name="pword" placeholder="Enter password" style="width: 400px; height: 50px; border: none;">
<input type="submit" value="Login"/>

JS：

    function validateForm() {
    var un = document.loginform.usr.value;
    var pw = document.loginform.pword.value;
    var username = "a"; 
    var password = "a";
    if ((un == username) && (pw == password)) {
        window.location = "dashboard.html"
        return false;
    }
    else {
        window.location = "back.html";
        return false;
    }

}