jade 支持html,jade操作HTML中的js
如何在jade中解析变量
js部分
// jade pug
// cnpm install jade
//1.解析字符串
// 2.解析文件
const jade=require('jade');
// var str=jade.render('html');
var str=jade.renderFile('./view/1.jade',{pretty:true});
console.log(str);
jade部分
html
head
body
div
a(href='http://www.baidu.com') 百度
input(type='text',name='uname',value='用户名')
div(style="width:100px;height:100px")
div(style={width:'100px',height:'100px'})
div(class='box left active')
div(class=['box','left','active']) aaa
span bbb
div
|aaaa
script
include 1.js
在jade中做运算
js部分
const jade=require('jade');
var str=jade.renderFile('./view/3.jade',{pretty:true,a:3,b:5});
console.log(str);
jade部分
html
head
body
div a+b=#{a+b}
div #{a}
div #{b}
h1=a
h1=b
jade解析style class
js部分
const jade=require('jade');
var str=jade.renderFile('./view/4.jade',{pretty:true,
json:{width:'200px',height:'200px',background:'red'},
arr:['box','left','active']});
console.log(str);
jade部分
html
head
body
div(style=json)
p(class=arr)
在jade中解析js
js部分
const jade=require('jade');
var str=jade.renderFile('./view/6.jade',{pretty:true,arr:['aaa','bbb','ccc']});
console.log(str);
jade部分
html
head
body
-for(var i=0;i
div=arr[i]
在jade中如何循环(同上:在jade中解析js)
js部分
const jade=require('jade');
var str=jade.renderFile('./view/6.jade',{pretty:true,arr:['aaa','bbb','ccc']});
console.log(str);
jade部分
html
head
body
-for(var i=0;i
div=arr[i]
在Jade中解析标签
js部分
const jade=require('jade');
var str=jade.renderFile('./view/7.jade',{pretty:true,content:"
dfglkfdkbl;gfblgf;lbhgf;lhbk
"});
console.log(str);
jade部分
html
head
body
div!=content
在jade中做条件判断
js部分
const jade=require('jade');
var str=jade.renderFile('./view/8.jade',{pretty:true});
console.log(str);
// + - * / %(膜):两个数相除的余数 5%2=1 10%2=0 19%2=1 作用:判断奇偶性
jade部分
html
head
body
-var a=19;
-if(a%2==0)
div 偶数
-else
div 奇数
jade 支持html,jade操作HTML中的js相关推荐
- jade支持html,Jade !HTML框架
1.电脑要有nodejs npm install jade -g 3.pwd 4.subl .打开编译器 格式为jade的文件 5.jade jadetut.jade 编译 安装 $ npm inst ...
- Python 中的序列类型支持哪些公共操作
一.序列类型支持哪些公共操作 Python 中的序列类型分为:可变序列和不可变序列,都支持我们序列类型的所有操作 可变序列:列表 不可变序列:字符串和元祖 1.支持通过数字索引取值 a = (&quo ...
- nodejs jade mysql_学习篇:NodeJS中的模板引擎:jade
NodeJS 模板引擎作用:生成页面 在node常用的模板引擎一般是 1.jade --破坏式的.侵入式.强依赖(对原有的html体系不友好,走自己的一套体系) 2.ejs --温和的.非侵入式的.弱 ...
- 用户操作计算机系统的基本工具是什么,在Windows支持下,用户操作计算机系统的基本工具是______。...
在Windows支持下,用户操作计算机系统的基本工具是______. 更多相关问题 链式编码缺点是对 如组合.相交等则很难实施,对 将改变整体结构,效率较低. 引起静脉曲张的原因有( ) 下列属于旋具 ...
- python中frame中的元素怎么识别_python3.6+selenium实现操作Frame中的页面元素
有时网页中会嵌套一个或者多个Frame,此时我们直接去找嵌套在Frame里面的元素会抛出异常,所以在操作的时候我们需要将页面焦点切换到Frame里面,下面我们就以一个实例演示一下! 首先先创建三个ht ...
- XPath概述 及 dom4j支持xpath的操作
为什么80%的码农都做不了架构师?>>> XPath概述及实例 1.什么是XPath 2.使用dom4j支持xpath具体操作(****这个很重要******) ...
- python操作mysql中的表_带你了解什么是Python操作MySQL数据库
写这篇文章主要是为了介绍Python操作MySQL数据库,并结合相应的实例带你更加深入了解.文中的代码实例很详细,对大家有一定的参考学习价值. 1.什么是pymysql? PyMySQL是在Pytho ...
- linux上搭载was应用上传中文文件,受支持的Linux操作系统和WAS ND 9.0安装部署文档的资料说明...
本文档的主要内容详细介绍的是受支持的Linux操作系统和WAS ND 9.0安装部署文档的资料说明. 从was9.0开始支持的最低版本的red hat Linux系统为6.6且仅支持64位操作系统 计 ...
- 微软鼠标支持linux吗,微软发布终端管理应用Windows Terminal新测试版终于支持鼠标进行操作...
Windows Terminal是微软此前推出的终端管理软件 , 支持多种不同的连接协议并且可以调用 Linux 子系统操作. 在此前更新中该软件其实已经获得许多非常实用的新功能,但是微软始终没有支持 ...
最新文章
- java中的asList_Java Arrays.AsList原理及用法实例
- 19个AI热门应用领域,你确定不了解一下?
- 蓝桥杯 算法训练 Sticks
- bug-箭头函数中this指向的问题
- 文献管理三剑客之Mendeley
- Struts2框架中为什么要继承ActionSupport类,以及实现过程
- 利用StretchDIBits、CreateDIBSection、CreateDIBitmap三种方法显示内存位图
- 京东优惠价格策略助手
- 判断访问浏览器的类型
- 新浪微博开放平台PHP 类 WeiboClient 说明
- 视频黑屏画面检测 blackframe
- A. Is your horseshoe on the other hoof?
- 语音唤醒的具体技术方案
- xshell4 设置自动记录日志
- 【初赛】初赛提纲 错题本(to be countinue)
- 如何取消Chrome浏览器自动翻译
- URAL 2032 - Conspiracy Theory and Rebranding【本源勾股数组】
- 【无标题】cannot import name ‘container_abcs‘ from ‘torch._six‘错误的解决方法(pytorch高版本1.9后)
- 在阿里做了5年技术Leader,我总结出这些套路!
- 推荐系统遇上深度学习(二十六)--知识图谱与推荐系统结合之DKN模型原理及实现