ES6模板字符串

最新推荐文章于 2024-09-01 13:33:34 发布

dazongji6362

最新推荐文章于 2024-09-01 13:33:34 发布

阅读量81

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/qiaohong/p/7705154.html

版权

ES6模板字符串

　　ES6支持模板字符串，简单写法如下

//html界面
<!DOCTYPE html> 
    <html> 
        <head> 
            <meta charset="utf-8"> 
            <title></title> 
        </head> 
        <body> 
            <center>
                <h1 style="color: red;">测试!!!</h1>
            </center> 
            <div id="ceshi"> </div> 
            <script type="text/javascript" src="test.js" ></script> 
        </body> 
    </html>

//JS
var age = 12 ; 
var name = '小明' ; 
var ceshi = document.getElementById('ceshi'); 
ceshi.innerHTML = ` 我的名字是<h1>${name}</h1>,我今年的年龄是${age-1}周岁，虚岁是${age} `;