一 使用include引入模板，模板中的css，js可以正常加载，但是如果想在当前页面再引入css,js文件页面就会报错，目前还不知道怎么解决
demo01.jade
head.jade
footer.jade
demo01.jade生成的html
二是用extends引入模板
index页面
page6.jade
下面是生成的html页面
这样引入既可以把相同的css和js写到一个模板里面多次使用，同时也可以在引用模板的index.jade页面再引入单个的css和js，并可以直接写内部样式和js逻辑。值得注意的是，模板page06.jade中引入的js要放到block append scripts上面，如果放到下面渲染出来的页面公用js会在又引入的js文件下面（就会出现你虽然引入jquery了，但是你index.jade模板中使用$依然报错）。
另外，index.jade页面的block append scripts(这个scripts是个名字，随便命名)，是模板中引入的js放到index.jade页面引入js的前面，还有一种block prepend scripts的写法，模板中引入的js放到index.jade页面引入的js后面（不推荐使用）。
温馨提示：jade语法对缩进要求非常严格，所以父级和子级的缩进是两个字符，缩进有问题会报错吆
步骤
1、新建一网页文件“sample.html",用记事本或其它文本编辑软件（如UltraEdit）打开，输入如图所示的HTML代码。该网页文件包括一个蓝色的字符串，一个按钮和一个文本框。
2、JS代码可插入到”head"标签之间。编写Javascript代码，代码内容如图所示，并将该段代码复制到网页文件”sample.html“中标签”<head>"和“</head>之间，然后查看网页文件的显示内容。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）