js pug 代码_Pug 代码 Code

代码 Code

Pug 为您在模板中嵌入 JavaScript 提供了可能。这里有三种类型的代码。

不输出的代码

用 - 开始一段不直接进行输出的代码，比如：- for (var x = 0; x < 3; x++)

li item

渲染后:

itemitemitem

Pug 也支持把它们写成一个块的形式：-

var list = ["Uno", "Dos", "Tres",

"Cuatro", "Cinco", "Seis"]

each item in list

li= item

渲染后:

UnoDosTresCuatroCincoSeis

带输出的代码

用 = 开始一段带有输出的代码，它应该是可以被求值的一个 JavaScript 表达式。为安全起见，它将被 HTML 转义：p

= '这个代码被了！'

渲染后:

这个代码被 <转义> 了！

也可以写成行内形式，同样也支持所有的 JavaScript 表达式：p= '这个代码被了！'

渲染后:

这个代码被 <转义> 了！

不转义的、带输出的代码

用 != 开始一段不转义的，带有输出的代码。这将不会做任何转义，所以用于执行用户的输入将会不安全：p

!= '这段文字没有被转义！'

渲染后:

这段文字没有被转义！

同样也可以写成行内形式，支持所有的 JavaScript 表达式：p!= '这段文字' + ' 没有被转义！'

渲染后:

这段文字没有被转义！

危险

不转义的输出可能是危险的，您必须确保任何来自用户的输入都是安全可靠的，以防止发生跨站脚本攻击(XSS)。

js pug 代码_Pug 代码 Code相关推荐

wordpress js 运行短代码_7个WordPress常用代码段（Code Snippets）
运用代码段(Code Snippets)插件管理代码,可以不用额外安装更多插件,来解决WordPress建站过程中的一些常见功能需求,譬如安装Google analytics跟踪代码.下文中记录了我在 ...
CKEditor代码高亮显示插件Code Snippet安装及使用方法
CKEditor网页编辑器 CKEditor 即 FCKEDITOR .FCKeditor是目前最优秀的可见即可得网页编辑器之一,它采用JavaScript编写.具备功能强大.配置容易.跨浏览器.支持 ...
cef js返回c++的代码_CEF3开发者系列之外篇——IE中JS与C++交互
使用IE内核开发客户端产品,系统和前端页面之间的交互,通常给开发和维护带来很大的便利性.但操作系统和前端之间的交互却是比较复杂的.具体来说就是脚本语言和编译语言的交互.在IE内核中html和css虽然 ...
JS拖动水晶球特效代码
代码简介: 请等待图片加载完成,比较炫的一个创意,你自行车的链条一样,鼠标拖动水晶球,模拟了系在一起的物体的运动过程,那些小球也挺漂亮. 代码内容: View Code <html> &l ...
摘自天极网的JS卡通图片切换代码
代码简介: 来自经典论坛的一款仿天极网图片切换特效,含有详细的设置说明,使用起来比较简单.请在开始时设置图片目录.标题长度.图片切换的时间等,还可以设置Ad跟踪条的颜色,更多的自定义选项让它更能适合你 ...
代码分割（Code Splitting）
代码分割(Code Splitting) 为什么要分割代码?代码分割有什么作用呢? 答:两个方面. 1.项目包含第三方依赖库以及自己写的代码,打包出的文件会比较大,在用户访问系统的时候,由于请求的资源 ...
获取线程结束代码（Exit Code）
线程结束代码可以调用GetExitCodeThread()(并给予CreateThread所获得的线程handle作为参数)而得知: BOOL GetExitCodeThread(HANDLE hTh ...
修改js文件需要重启服务器,关于Node.js中频繁修改代码重启服务器的问题
我们可以使用一个第三方命名行工具,nodemon 来帮我们解决频繁修改代码重启服务器问题. nodemon 是一个基于 Node.jsNode.js 开发的第三方命令行工具,我们使用的时候需要独立安装 ...
ANSI编码和标准代码页（code page）
电脑最先是美国人发明出来开始使用的,他们觉得一个字节(可以表示256个编码)表示英语世界里所有的字母.数字和常用特殊符号已经绰绰有余了(其实ASCII只用了前127个编码)于是他们使用ASCII编码, ...
js php滚动图代码,JavaScript_JS实现的N多简单无缝滚动代码(包含图文效果)，本文实例讲述了JS实现的N多简 - phpStudy...
JS实现的N多简单无缝滚动代码(包含图文效果) 本文实例讲述了JS实现的N多简单无缝滚动代码.分享给大家供大家参考,具体如下: 实现原理很简单,注册事件之后,立即将元素的innerHTML累加一次. ...

js pug 代码_Pug 代码 Code

js pug 代码_Pug 代码 Code相关推荐

最新文章

热门文章