ES6--反引号的使用
2024-10-08 00:30:53
/*动态初始退出登出框话模态框*/
/*动态的初始化退出登陆模态框 反引号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">×</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>
最新文章
- [转]Nodejs基础中间件Connect
- LABjs(类似于LazyLoad,但它更加方便管理依赖关系)
- 构建ASP.NET网站十大必备工具(2)
- ORACLE自定义顺序排序-转
- Network Saboteur 分类: 搜索 POJ 2015-08-09 19:48 7人阅读 评论(0) 收藏
- linux下c++實現簡單的生產者消費者隊列模式
- 【转】eclipse新建项目,报错“Error: workspace\appcompat_v7\res\values-v21\styles_base.xml No resource found that matches the given name”
- ArcGis for WPF(1)
- dump 验证实例恢复的起点和终点
- 【JavaScript】JavaScript教程之------------------JavaScript实现
- C++设计模式之工厂模式
- asp.net JSON(一)
- javascript 复制数组
- firemonkey EDit 改变颜色
- [LOJ3086][GXOI/GZOI2019]逼死强迫症——递推+矩阵乘法
- 数据分析 大数据之路 四 numpy 2
- html字体加粗标签与写法
- jQuery效果之jQuery Color animation 色彩动画扩展
- python爬取并批量下载图片
- I/O多路复用 select poll epoll