解析文件
const jade=require("jade");
var str=jade.renderFile('./view/1.jade',{pretty:true});
console.log(str);
html
head
body
a
|我是蛇
|我是鼠
|我是狗
//|原样解析
html
head
body
div
|asd546
script.
var btn=document.getElementById('btn');
var btn=document.getElementById('btn');
var btn=document.getElementById('btn');
var btn=document.getElementById('btn');
// .原样解析多个
jade引入
html
head
body
script
include 1.js
//引入 js
jade引入变量
const jade=require('jade');
var str=jade.renderFile('./view/4.jade',{pretty:true,uname:5,num:5})
console.log(str)
html
head
body
div #{uname+num}
//#{}引入变量
const jade=require('jade');
var str=jade.renderFile('./view/5.jade',{pretty:true,
json:{width:'100px',height:'100px',color:'red'},
arr:['box','left','btn']})
console.log(str)
html
head
body
div(style=json)
p(class=arr)
//=引入变量
const jade=require('jade');
var str=jade.renderFile('./view/6.jade',{pretty:true,n:5,m:6});
console.log(str);
html
head
body
-var a=1
-var b=3
div #{a+b}
p=n
span=m
//- js原样输出
// =引入变量
for循环
const jade=require('jade');
var str=jade.renderFile('./view/7.jade',{pretty:true,
arr:['aaa','bbb','ccc']})
console.log(str);
html
head
body
-for(var i=0;i<arr.length;i++)
div=arr[i]
不原样输出
const jade=require('jade');
var str=jade.renderFile('./view/8.jade',{pretty:true,content:"<h1>生死有命,富贵在天</h1>"});
console.log(str)
html
head
body
p!=content
if判断
const jade=require('jade');
var str=jade.renderFile('./view/9.jade',{pretty:true})
console.log(str)
html
head
body
-var a=17;
-if(a%2==0)
div 偶数
-else
div 奇数