script "text/template"
2024-10-19 04:21:48
<script type="text/template" id="orgItem">
<div class="{orgClass}">
<div class="org-item {hasorg}" data-orgid="{orgid}">
<i class="ico ico-orgzk"></i>
<div class="org-item-bd">{name}</div>
</div>
<div class="org-item-ft"></div>
</div>
</script>
存放一个模板 在JS中,经常需要使用JS往页面中插入HMTL内容.比如: var number=123; $('#id').appedn('<div class="item">'+number+'</div>');
如果HTML内容很短还好说,但是当遇到像上面这样的大段的HTML内容时, 直接用字符串存储就会很困难,不光要处理单引号,还需要很多“+”来链接 一个个字符串,十分不方便
如果给<script>设置type="text/template",标签里面的内容就不会被执行, 也不会被显示在页面上,但是可以在另一个script里面通过获取和相关的模板 工具进行处理,插入到页面中。
这样就把大段的HTML操作从JS中分离开了
最新文章
- 360浏览器 默认IE7渲染的解决
- Python之路第一课Day2--随堂笔记
- 火狐通行证升级为Firefox Sync后,如何在多设备间同步书签等信息
- 深入解析Windows操作系统笔记——CH1概念和术语
- c#语音
- Orchard之创建模板
- CSS中文字体的英文名称(simsun)宋体,(Microsoft YaHei)微软雅黑
- Windows 窗体中的事件顺序(WinForm)
- Python内置函数(41)——id
- CSS滚动条样式定制
- hihocoder 1419 重复旋律4
- HTTP高并发调优小记
- coTurn测试程序之turnutils_stunclient.exe
- nginx error.log 提示 [error] 887#887: *58 FastCGI sent in stderr: ";PHP message: PHP Warning: mysql_connect(): Headers and client library minor version mismatch. Headers:50556 Library:50637
- Docker(二十)-Docker容器CPU、memory资源限制
- Microsoft Corporation 去掉 windows 修改 启动加载 版权
- Linux下部署配置Nginx
- Django 入门项目案例开发(中)
- div内容溢出
- center os 创建用户、设置密码、修改用户、删除用户命令
热门文章
- Know How To Use ID_NULL Function To Search An Object In Oracle Forms
- window--窗口
- 5.5.3使用terminfo功能标志
- Nmap使用指南(1)
- XML详解:第三部分 XML解析
- Base64加密解密原理以及代码实现(VC++)
- 使用BAPI_ACC_DOCUMENT_POST,创建会计凭证,用BADI扩展字段(转)
- Dolphin for Android(v11.5.1[Jetpack:内置])
- Codeforces 713D Animals and Puzzle
- 使用fragment兼容低版本的写法