分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

<Ajax> 七. 模板引擎的使用(template-web.js的使用)

发布时间:2023-09-06 01:39责任编辑:郭大石关键词:jsAjax模板引擎
<!DOCTYPE html><html lang=‘en‘><head><meta charset=‘UTF-8‘><title>Title</title></head><body> ???<h3>模板引擎的使用</h3></body></html><!-- 模板 --><!-- 引入模板引擎js --><script src=‘template-web.js‘></script><!-- 制作模板 --><script type="text/html" id="template"> ???<ul> ???????<li>姓名{{name}}</li> ???????<li>年龄{{age}}</li> ???????<li>电话{{phone}}</li> ???</ul></script><script> ???// 获取数据 ???var data = { ???????name:"Ray", ???????age:"18", ???????phone:"18233989613" ???}; ???????// 将数据放入模板中 ???var res = template("template", data); ???console.log(res); ???// 将模板放入页面中 ???document.body.innerHTML = res;</script>

<Ajax> 七. 模板引擎的使用(template-web.js的使用)

原文地址:https://www.cnblogs.com/ZeroHour/p/8358803.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved