用script標籤載入
阿新 • • 發佈：2018-11-01
此文已由作者楊帆授權網易雲社群釋出。
歡迎訪問網易雲社群，瞭解更多網易技術產品運營經驗。
注：經過更深入的測試，實在不好意思，這篇文章是有問題的 更改script的type屬性 並不能通過src來載入，只能在該檔案中解析。 requirejs 的text原理是通過XHR載入的)
測試如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<script id="test1" type="text/html">
<h1><% title %></h1>
</script>
<script id="test2" type="text/css">
body{background-color:#0CC;}
</script>
<script>
alert(document.getElementById('test1').innerHTML + '->' + document.getElementById('test2').innerHTML);
</script>
<script id="test3" type="text/html">
<p><a href="#">[UserName]：</a><span >[CreateDate]</span></p>
</script>
<div id="comment_ul_2"></div>
<input type="button" value="click me" onclick="add()" />
<script type="text/javascript">
var reg = new RegExp("\\[([^\\[\\]]*?)\\]", 'igm');
function add() {
var html = document.getElementById("test3").innerHTML;
var source = html.replace(reg, function(node, key) {
return {'UserName': 'yang', 'CreateDate': '2014-10-21'}[key];
});
document.getElementById('comment_ul_2').innerHTML = source;
};
</script>
</body>
</html>text/html的意思是將檔案的content-type設定為text/html的形式，瀏覽器在獲取到這種檔案時會自動呼叫html的解析器對檔案進行相應的處理
text/plain的意思是將檔案設定為純文字的形式，瀏覽器在獲取到這種檔案時並不會對其進行處理 and so on
| MIME_type | MIME 型別。其中一些值：
|
網易雲免費體驗館，0成本體驗20+款雲產品！
更多網易技術、產品、運營經驗分享請點選。
相關文章：
【推薦】 深入解讀Service Mesh的資料面Envoy
【推薦】 Android TV 開發（4）