[EJS] 單獨使用EJS來完成前端的顯示

[EJS] 單獨使用EJS來完成前端的顯示

網路上有許多EJS使用教學，通常是以node.js與express搭配，但這篇文章教如何單獨使用EJS來完成前端顯示。

(環境：Windows 10)

先建立一個資料夾，是要放html等檔案的地方，並下載EJS中的ejs.min.js，放至此資料夾中。

新增一個html，裡面的程式碼如下

<!DOCTYPE html>
<html>
	<head>
		<script src='./ejs.min.js'></script>
		<script>
			var html = ejs.render('fieldA:<%= fieldA %><br />fieldB:<%= fieldB %>',
				{fieldA : 'Hello world!', fieldB : 'Hellow Taiwan!'});
			window.onload = function() {
				document.getElementById('divContent').innerHTML = html;
			}
		</script>
	</head>
	<body>
		<div id="divContent"></div>
	</body>
</html>

此時的目錄下檔案結構為

.
├── ejs.min.js
└── index.html

直接雙擊index.html，用瀏灠器就可以看到結果囉！
```
fieldA:Hello world!
fieldB:Hellow Taiwan!
```
Git 參考：https://github.com/weirenxue/ejs-first-step

留言