jsp 中的js 使用es6

在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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章