htmlとjavascriptのみを使用して別のhtmlページにリダイレクト

Question

htmlとcssのみを使用して別のページに移動する方法。私は試しました

window.location.href="admin.html"; 

この文は機能しません。

<input type="text" value="Username" name="username" /><br> 
<input type="text" value="Password" name="password" /><br> 
<input type="button" value="Password" name="password" value="Log In" onClick="login()" /><br> 

<script> 
    function login() { 
     var id = document.getElementById("username").value; 
     var pass = document.getElementById("password").value; 
     if (id == "admin" && pass = "admin") 
      //Redirect to admin page 
     else if (id == "employee" && pass = "employee") 
     //Redirect to employee page 
    } 
</script> 

Answer 1

問題は、移動するコードとは関係ありません。あなたはそれを決して得ることはありません。

ブラウザの開発者ツールをご覧ください。コンソールを調べます。あなたは、そのIDでどの要素を持っていないので

Uncaught TypeError: Cannot set property 'value' of null

document.getElementById("username")あなたの要素を見つけるために失敗します。あなたのようなエラーメッセージが表示されるはずです。 name and the id are different attributesは自由に交換できません。

パスワードフィールドにも同じ問題があります。

Answer 2

1. あなたはフィールドnameを与えている、いないidので、あなたのコードは、リダイレクトに到達する前にエラーがスローされます。

2. admin.htmlは、このファイルと同じスコープ/フォルダにありますか？そうでない場合は、admin.htmlの相対パスを指定する必要があります。例：../otherFolder/admin.html

3. window.location.replace(admin.html)を試しましたか？