将文件链接在一起

时间:2017-10-10 01:21:11

标签: html

如何将文件链接在一起?我的意思是,如何创建一个按钮,点击后,将您带到另一个站点? (或者在我的情况下,下一页阅读)抱歉愚蠢的问题,我是新编码,我只知道基于密码的按钮。 :(

    password: <input type=password ID="Next"> <button onclick="correctpassword ();">submit</button>
    </div>
    <script type="text/javascript">
        function correctpassword () { 
            var code = document.getElementById ("Next").value; 
            // alert ("Haha! I know your password! It's \"" + code + "\""); 
            if (code == "Next") {
                location = "NHD2.html";
            } else if (code == "next") 
                alert ("So Close!!"); 
            else location = "LoginWrongSite2.html";
        } 

是我拥有的。

1 个答案:

答案 0 :(得分:0)

我认为你想模拟一个小形式。

如果您尝试这样做,请尝试这样做(确保在同一目录中有两个页面):

Page1.html

<!DOCTYPE html>
<html>
<head>
  <title>Page1</title>
</head>
<body>

  <form onsubmit="submitform(event)" action="Page2.html">
    Name: <input type="text" placeholder="Your name here" id="username"/>
    Password <input type="password" id="userpassword"/>
    <button type="submit">Submit</button>
  </form>

  <script type="text/javascript">
    function submitform(event) {
      var username = document.getElementById('username');
      var userpassword = document.getElementById('userpassword'); 
      if(username.value !== 'test' || userpassword.value !== '1234') {
        event.preventDefault();
      }
    }
  </script>

</body>
</html>

Page2.html

<!DOCTYPE html>
<html>
<head>
  <title>Page1</title>
</head>
<body>

  We are good !

</body>
</html>

这基本上会在page1中定义一个表单。 当您在该页面中键入test as username和1234作为密码时,它将被提交,您将导航到所说的action属性。 如果输入的值不同于ussername的测试值,或者输入1234的密码导航将被取消。

当然这只是一个简单的例子,在一个真实的应用程序中你不会做这样的事情,它只是让你知道如何从page1导航到page2(还有其他方法,比如链接)

希望这有帮助!