JavaScript函數來呈現HTML

Question

我有了一個靜態頁面login和registration link.I希望的是，當用戶點擊Login，它調用一個函數Javascript這反過來又顯示在同一頁面上的Login Form。

儘管我可以將整個HTML標記嵌入到document.write()中，但這非常混亂，而且對於長HTML代碼來說這不是最佳做法。

那麼如何將HTML代碼嵌入JS函數？以及如何控制頁面上窗體的位置。

我要尋找一個JavaScript的解決方案，而不是JQuery的

Answer 1

嘗試到m AKE包含您的要素登記 一個div所以對於HTML，你可以使用類似這樣

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

和Javascript的你只需要使用的部份功能

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

你可以找到這個代碼的例子無處不在！祝你好運！

Answer 2

使用html標籤：

<iframe id="iframeid" ...> 

的Javascript：

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

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

Answer 3

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

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