在ES6中拼接字符串十分快捷方便。如:
$("#text_es6").html(`
<h1>衝突!>/h1>
<p>離解決衝突還有
${second}秒。</p>
`);
方便是方便,但在jsp或者其他帶有類似el表達式的地方會出現一些問題(因爲es6和jsp使用的都是${}來解析)
如在jsp中寫入如上js代碼時,jsp會首先把${second}看成el表達式,但是因爲jsp裏邊是沒有second數據的,所以就會出現空值。
方法1:js 代碼如下
var second = 5;
$("#text_es6").html(`
<h1>衝突!</h1>
<p>離解決衝突還有${"${second}"}秒。</p>
`);
方法2:直接寫到一個test.js 文件中
$(document).ready(function(){
$("#text_es6").html(`
<h1>衝突!</h1>
<p>離解決衝突還有${second}秒。</p>
`);
});
html 中直接引用這個文件
<script type="text/javascript" src="text.js" charset="utf-8"></script>