ES6--反引号的使用

/*动态初始退出登出框话模态框*/
/*动态的初始化退出登陆模态框  反引号ES6语法
* 为什么在使用字符串格式直接创建模态框
* 1.不能在html页面中创建模板，因为如果换一个页面就没有对应的模板了。毕竟js文件最终在对应的静态文件中运行
* 2.也不能在js文件中直接创建script模板，因为语法不支持
* 3.所以我们使用ES6的新语法来创建多行代码，生成模态框*/
(function () {
    var html = ` <div class="modal fade" id="ExitModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">温馨提示</h4>
                    </div>
                    <div class="modal-body">
                        你确定要退出管理系统吗?
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-primary">确定</button>
                    </div>
                </div>
            </div>
        </div>`;
    $(".myExitModel").html(html);
})();

html页面代码：

<div class="myExitModel">
       
    </div>