javascript - 使用 javascript 函数呈现 HTML

Question

我有一个包含login和registration链接的静态页面。我希望当用户单击时Login，它会调用一个Javascript函数，该函数又会Login Form在同一页面上显示。

虽然我可以将整个 HTML 标记嵌入其中，document.write()但这非常混乱，并且肯定不是长 HTML 代码的最佳实践。

那么如何将 HTML 代码嵌入到 JS 函数中？如何控制表单在页面上的定位。

我正在寻找一个 Javascript 解决方案，而不是 JQuery

Answer 1

html = "<form>....</form>";

document.getElementById("example").innerHTML = html;

Answer 2

尝试制作一个包含注册元素的 div 所以对于 HTML，你可以使用类似这样的东西

<div id="regElements" style="display:none;" class="registration" >Elements for a registration form</div>
<input type="button" name="re" onclick="showReg()" />

对于 Javascript，您只需使用 ths 函数

function showReg() {
    document.getElementById("regElements").style.display = "";
}

您可以在任何地方找到此代码的示例！祝你好运！

Answer 3

使用 html 标签：

<iframe id="iframeid" ...>

Javascript：

document.getElementById("iframeid").src="url";

http://www.w3schools.com/tags/tag_iframe.asp