Question

我把这个代码放在index.html中，一起使用 - Javascript和HTML。我想要的是将JS放入另一个名为＆＃34; pw.js＆＃34;的单独文件中。

我创建了一个位于文件夹＆＃34; js＆＃34;中的空白JS文件。我已将它添加到（头部）以及此<script src="js/pw.js"></script>

这就是我现在在index.html中，如何将JS分开放置？请具体回答，我是初学者。

<script type="text/javascript">
  function isValid(){
    var password = document.getElementById('password').value;
    if (password == "123")
      top.location.href="./file.pdf";
    else
      {window.location.reload();}
  }
</script>

<div class="field_pw">
  <form name="PasswordField" action="">
    Password:
    <input type="password" id="password" name="password" class="noborder" style="font-size: 25px">
    <input type="button" class="button_pw" value="download" onclick="isValid();">
  </form>
</div>

Answer 1

你在ps文件夹中的pw.js文件：

function isValid(){
var password = document.getElementById('password').value;
if (password == "123")
top.location.href="./file.pdf";
else
{window.location.reload();}
}

你的html文件：

<script type="text/javascript" src="js/pw.js"></script>
<div class="field_pw">
<form name="PasswordField" action="">
Password:
<input type="password" id="password" name="password" class="noborder" style="font-size: 25px">
<input type="button" class="button_pw" value="download" onclick="isValid();">
</form>
</div>

如何将Javascript放在与HTML不同的文件中

1 个答案: