0
我嘗試在js文件中寫入html。它看起來非常醜陋。例如，在JS文件中寫入html
var html = "";
html += "<div></div>";
return html;
我發現很多第三方庫需要從html模板中獲得綁定和渲染後。沒有任何建議或建議可以直接在JS文件中寫入HTML？
A
回答
0
這取決於您是否要生成HTML字符串或DOM元素。
如果這是一個HTML字符串，最好的方法是使用AJAX加載外部模板。例如使用jQuery：
$("#container").load("template.html");
如果你想有一個DOM元素：
var myDiv = document.createElement("div");
myDiv.innerHTML = "Hello World!";
document.body.appendChild(myDiv);
您也可以使用模板引擎來管理你的HTML：
2
而不是使用字符串寫入HTML，你也可以操縱通過創建和加入的DOM元素的DOM。正如你所看到的，這可能需要更多的代碼，但更少的是hacky。
// Create a <div> element
var myDiv = document.createElement("div");
// Create a <div> element
var myParagraph = document.createElement("p");
myParagraph.textContent = "Great!";
// nest the <p> inside the <div>
myDiv.appendChild(myParagraph);
// add the <div> to the <body>
document.body.appendChild(myDiv);
// You just added <div><p>Great!</p></div> to the body!
如果您計劃添加DOM元素的大量的在同一時間，它可能是一個好主意，以創建一個document fragment，認爲這是不屬於DOM樹的一部分invisble DOM節點。這是一種優化，因爲向片段添加/更改元素不會導致reflow。
相關問題
- 1. JS寫入文件
- 2. 如何在html中寫入js文件的變量
- 3. HTML桌面應用程序，從HTML/JS讀取/寫入文件
- 4. 動態寫入js文件
- 5. 從HTML輸入中寫入.txt文件
- 6. 寫入html中的文本文件
- 7. 將HTML寫入PDF文件
- 8. XCODE寫入HTML文件
- 9. 解析HTML，寫入文件
- 10. 如何將所有JS文件寫入一個HTML頁面？
- 11. 在js代碼中插入HTML文本
- 12. 如果條件在something.js.haml中寫入JS
- 13. 你可以在html文件中寫入xml文件
- 14. Auto genarate /在.html文件中使用.net/C＃寫入html標記
- 15. 使用功能寫入.js文件
- 16. 將json數據寫入.js（javascript）文件？
- 17. python用變音符寫入js文件
- 18. 在循環節點js後將文件寫入文件
- 19. Python，html和寫入文本文件
- 20. 在一個HTML文件中使用document.write寫入另一個HTML文件
- 21. 在Monotouch中寫入文件
- 22. 在MPI中寫入文件
- 23. 在android中寫入文件？
- 24. 在Python中寫入文件
- 25. 在Android中寫入文件
- 26. 在phoneGap中寫入文件
- 27. 在Asp.Net中寫入文件
- 28. 在文件中寫入
- 29. 在Android中寫入文件
- 30. 在文件中寫入列
很難理解你在找什麼，但看看這裏：http://www.embeddedjs.com這可能是它。 – k102
[使用Javascript編寫HTML的正確方法是什麼]的可能重複（http://stackoverflow.com/questions/1533568/what-is-the-correct-way-to-write-html-using-javascript） – Kamal
[]（http://www.html5rocks.com/en/tutorials/webcomponents/template/）或[React]（http://facebook.github.io/react/）？ – CodingIntrigue