web-dev-qa-db-ja.com

html <script src = "">が機能しない

デザインフォルダにログイン用の次のlogin.htmlページがあります。

_<html>
<head>
<title>Login Page</title>
<script src="../Script/login.js">

</script>

</head>
<body>
<h3> Login</h3>
<form name="login">
Location code  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp; <select name="ddl1"><br>
  <option value="loc1" size=20>LH</option>
  <option value="loc2">AT</option>
  <option value="sel" selected>-------select------</option>
</select>
<br><br>
Enter UserName &nbsp;&nbsp;:  &nbsp;&nbsp;<input type="Text" name="inp1" size=20><br><br>
Enter Password &nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;  <input type="password" name="pwd1" size=20><br><br>

<button type="button" name="login" onclick="log()">Login</button> 

</form>

</body>
</html>
_

そして、次のlogin.jsファイルを含むscriptsという名前の別のフォルダーもあります

_function log()
{
 var li=parent.head.document.getElementById('lin');
 var lo=parent.head.document.getElementById('lou');

 var passid = document.login.pwd1.value;
 var passid_len = passid.length;

 var un=document.login.inp1.value;

 var e = document.getElementById("ddl1");
var strUser = e.options[e.selectedIndex].value;

if(strUser=="loc1" || strUser=="loc2")
{
  if (passid_len >= 5) 
  {  

   if(un=="admin")
    { 
     parent.nav1.location.href = 'nav_admin.html';
     document.write("Hello admin");
     li.style.display = "none";
     lo.style.display = "";
    }
    else if(un=="clerec")
    {
      parent.nav1.location.href = 'nav_clerk_reception.html';
      document.write("Hello reception clerk");
      li.style.display = "none";
      lo.style.display = "";
    }
    else if(un=="cledep")
    {
     parent.nav1.location.href = 'nav_clerk_departemnt_operations.html';
     document.write("Hello dept clerk");
     li.style.display = "none";
     lo.style.display = "";
    }

     else if(un=="guest")
    {
     parent.nav1.location.href = 'nav_guest.html';
     document.write("Hello Guest");
     li.style.display = "none";
     lo.style.display = "";
     }
     else
    {
     document.write("Wrong user name and password");
    } 
   }
   else
    {
     document.write("password should be minimum 5 characters");
    }
   }
   else
    {
        document.write("Choose Location");
    }
 }

 function fnlog1()
{
 var lo=parent.head.document.getElementById('lou');
 var li=parent.head.document.getElementById('lin');
 lo.style.display = "none";
 li.style.display = "";
 parent.nav1.location.href = 'navigate.html';
 }
_

_log in_ボタンをクリックしても何も機能しません....リダイレクトは行われません.... htmlページはlog()関数を呼び出しません..。

javascripthtmlsrc
3
karz

まず、ここにあるファイルをリンクします。

<script src="../Script/login.js">

これにより、WebサイトはフォルダScript内のファイルに移動しますが、2番目の段落では、フォルダ名は次のようになっています。

また、次のlogin.jsファイルを含むscriptsという名前の別のフォルダーがあります

だから、これはうまくいきません！正しいファイルにアクセスしていないためです。これを行うには、次のようにコードを記述してください

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

コードの先頭からも..を削除してみてください。

このようにして、関数が実行されるjsファイルに到達します！

念のため：

ファイルがHTMLDOMに添付されていることを確認するために、開発ツール（F12）を開いて、ネットワークワークスペースで、ブラウザーがサーバーに対して行う各要求をメモしてください。このようにして、ロードされたファイルとロードされなかったファイル、およびロードされなかった理由を知ることができます。

幸運を。

10
Afzaal Ahmad Zeeshan

あなたのフォルダ名はscriptsですか？

変化する

<script src="../Script/login.js">

に

<script src='scripts/login.js' type='text/javascript'></script>
2
q0re

この問題が発生していましたが、アクセス許可の問題であることがわかりました。アクセス許可を0744に変更すると、機能するようになりました。これがあなたの問題であったかどうかはわかりませんが、私にとってはうまくいきました。

1
BaleineBleue

フォルダ名はscriptsです。

../script/login.jsのように参照しています

また、スクリプトフォルダがプロジェクトディレクトリにあることを確認してください

ありがとう

0
vikash bhartia

ソースファイルの<script> <\script>を削除するのを忘れました。

ええ...私は知っています

0
Thomio