javascript - 从 html 链接到其他网站上的直接 block 元素

Question

请帮帮我，我有一个包含链接的 html

<a href="LoginandRegistration/Login_register.html#signup">Sign Up</a>

当我点击它时，我想将它直接移动到其他 html 中

<div class="containerlogin">
        <div class="avatarcontainer avatar">
            <img src="avatar.jpg">
        </div>
        <div class="Loginbox">
            <div class="form">
                <form class="login-form" name="login">
                    <p>User Name</p>
                    <input type="text" placeholder="Enter Your Name"/><br>
                    <p>Password</p>
                    <input type="text" placeholder="Enter Your Password"/><br>
                    <input type="submit" value="Login"><br>
                    <p class="message">Create an account? <a href="#">Register</a></p>
                </form>
                <form class="register-form" name="signup">
                    <p>User Name</p>
                    <input type="text" placeholder="Enter Your Name"/><br>
                    <p>Password</p>
                    <input type="text" placeholder="Enter Your Password"/><br>
                    <p>Email</p>
                    <input type="email" placeholder="Enter Your Email"/><br>
                    <p>Phone number</p>
                    <input type="tel" placeholder="Enter Yo Telephone Number"/><br>
                    <p>Address</p>
                    <input type="text" placeholder="Enter Your Address"/><br>
                    <button>Create Account</button>
                    <p class="message">Alreday Have an account? <a href="#">Login</a></p>
                </form>
            </div>
        </div>
    </div>

Javascript

<script src='https://code.jquery.com/jquery-3.3.1.js'></script>
    <script>
        $('.message a').click(function(){
         $('form').animate({height:"toggle",opacity: "toggle"},"slow");
        } )
    </script>

这是表格
https://i.imgur.com/vg27sQo.jpg
https://i.imgur.com/ogEdgSY.jpg

我使用 javascript 将登录表单更改为注册表单，但是当我将像 LoginandRegistration/Login_register.html#signup 这样的链接放到无法直接链接的第一个 html 上时注册表格，它仍然链接到登录表格请帮助我，谢谢。

Answer 1

url 哈希是指向页面中与 id 相关的 anchor 的链接 - 您需要将 id 添加到表单中 - 例如:

<form class="register-form" name="signup" id="signup">

就是说 - 我会以不同的方式来做 - 我会只显示由 url 散列标识的表单 - 而不是显示两者并滚动到指定的表单。