Question

我有一个包含

的html页面sth.html

<div id="recoverpass">
    <h2>Recover Password</h2>
    <form action="#" method="post" name="recoverpass">
        <p><label> Enter E-Mail Address: </label> <input type="text" name="email" id="name" /></p>
        <input type="submit" value="Recover Password" />
    </form>
</div>
<div id="registernew">
        <h2>Register New User</h2>
        <form action="#" method="post" name="recoverpass">
            <p><label> Enter E-Mail Address: </label> <input type="text" name="email" id="name" /></p>
            <input type="submit" value="Recover Password" />
        </form>
</div>

在我的index.html页面中，我点击了相应的链接时加载了一个弹出窗口。我想要的是，当加载忘记密码弹出窗口时，它应该从sth.html导入html然后从recoverpass'div'的内容导入。当加载寄存器弹出窗口时，它应该从sth.html导入html，然后输入registernew'div'的内容。

Answer 1

很容易使用.load()

$("#popup").load("sth.html #recoverpass");
$("#popup").load("sth.html #registernew");

将外部html导入为内联html

1 个答案: