志在指尖
用双手敲打未来

html模板语法(html写if判断)

html模板语法

art-template模板语法支持两种模板语法,分别是规范语法和原始语法。
规范语法:
规范语法能够让模板更简单读写,例如:{{数据}}
原始语法:
原始语法具有强大的逻辑处理能力,例如:
纯文本输出语法:
输出语法表示将数据输出到模板中。(ps:类似于Vue中的v-text指令)
规范语法示例:
Title
{{name}}
{{value1+value2}}
{{a?c:d]}
原始语法示例:
Title
HTML标签解析输出语法:
假如想将数据中的html输出,那么能够经过该语法。(ps:类似于Vue中的v-html指令)
数据:
/*
引进art-template
该模块回来一个函数
*/
constartTemplate=require(‘art-template’);
/*
引进体系模块path首要是为了拼接途径
*/
constpath=require(‘path’);
//拼接模板途径
consttemplatePath=path.join(__dirname,’index.art’);
/*
*经过artTemplate来拼接
*参数一:模板途径
*参数二:要在模板中展现的数据
*该函数回来以拼接完结的模板字符串
**/
consthtml=artTemplate(templatePath,{
content:’
我是h1标签

});
规范语法示例:
只需在数据前加上@符号即可
Title
{{@content}}
原始语法示例:
只需将
Title
结果:
Title
我是h1标签
条件判别语法:
在模板中,能够根据条件来决议显现哪块HTML代码
规范语法示例:
Title
{{ifage>16}}
年纪大于16岁
{{elseifage>10}}
年纪大于10岁
{{else}}
年纪小于或许等于10岁
{{/if}}
原始语法示例:
16){%>
年纪大于16岁~~~
10){%>
年纪大于10岁~~~
年纪小于或许等于10岁~~~
结果:
Title
年纪小于或许等于10岁~~~
循环语法:
经过循环语法能够对数组数据进行循环展现(ps:类似于Vue中的v-for指令)
数据:
引进art-template
该模块回来一个函数
*/
constartTemplate=require(‘art-template’);
/*
引进体系模块path首要是为了拼接途径
*/
constpath=require(‘path’);
//拼接模板途径
consttemplatePath=path.join(__dirname,’index.art’);
/*
*经过artTemplate来拼接
*参数一:模板途径
*参数二:要在模板中展现的数据
*该函数回来以拼接完结的模板字符串
**/
consthtml=artTemplate(templatePath,{
datas:[{name:’张三’},{name:’李四’}],
});
console.log(html);
规范语法示例:
{{eachdatas}}
当时的下标为:{{$index}}
当时的item数据为:{{$value.name}}
{{/each}}
原始语法示例:
当时的下标为:
当时的item数据为:
效果图:
Title
当时的下标为:0
当时的item数据为:张三
当时的下标为:1
当时的item数据为:李四
子模板语法:
经过子模板能够将网站中的公共区域(头部、底部)抽离到单独的文件中。(ps:类似于Vue中的公共组件、Android中的include标签)
子模板数据:
我是网页底部
子模板途径:
989f6eb0956d90cdfeff20c9e432c0ef.png
规范语法示例:
Title
{{include’./footer.art’}}
原始语法示例:
Title
效果图:
Title
我是网页底部子模板
模板继承语法:html

html写if判断

一、IF函数的界说
履行真假值判别,依据逻辑核算的真假值,回来不同结果。
能够运用函数IF对数值和公式进行条件检测。
语法
IF(logical_test,value_if_true,value_if_false)
Logical_test表明核算结果为TRUE或FALSE的任意值或表达式。例如,A10=100便是一个逻辑表达式,假如单元格A10中的值等于100,表达式即为TRUE,否则为FALSE。本参数可运用任何比较运算符。
Value_if_truelogical_test为TRUE时回来的值。例如,假如本参数为文本字符串“预算内”而且logical_test参数值为TRUE,则IF函数将显现文本“预算内”。假如logical_test为TRUE而value_if_true为空,则本参数回来0(零)。假如要显现TRUE,则请为本参数运用逻辑值TRUE。Value_if_true也能够是其他公式。
Value_if_falselogical_test为FALSE时回来的值。例如,假如本参数为文本字符串“超出预算”而且logical_test参数值为FALSE,则IF函数将显现文本“超出预算”。假如logical_test为FALSE且忽略了Value_if_false(即value_if_true后没有逗号),则会回来逻辑值FALSE。假如logical_test为FALSE且Value_if_false为空(即value_if_true后有逗号,并紧跟着右括号),则本参数回来0(零)。Value_if_false也能够是其他公式。
说明
函数IF能够嵌套七层,用value_if_false及value_if_true参数能够结构杂乱的检测条件。请参阅下面最后一个示例。
在核算参数value_if_true和value_if_false后,函数IF回来相应句子履行后的回来值。
假如函数IF的参数包括数组,则在履行IF句子时,数组中的每一个元素都将核算。
MicrosoftExcel还提供了其他一些函数,可依据条件来分析数据。例如,假如要核算单元格区域中某个文本字符串或数字出现的次数,则可运用COUNTIF作业表函数。假如要依据单元格区域中的某一文本字符串或数字求和,则可运用SUMIF作业表函数。请了解关于依据条件核算值。
二、IF函数的用法
=IF(条件,条件成立的值,条件不成时的值)
假定A1单元格内容为空时,B1单元格回来“没有值”,假如A1单元格有任何内容时B1单元格回来“有值”。那么能够在B1单元格写入公式:
=IF(A1=””,”没有值”,”有值”)
三、以两个IF嵌套运用为例
=IF(条件1,条件1成立时的值,IF(条件2,条件2成立时的值,两个条件都不成时要回来的值))
比方
假定A1单元格内容为男时要在B1单元格得出“60岁退休”,A1单元格内容为“女”时B1单元格得出“55岁退体”,A1单元格为空或其他的内容时B1单元格为空值,则B1单元格的公式能够写成:
=IF(A1=”男”,”60岁退休”,IF(A1=”女”,”55岁退体”,””))
四、以三个IF嵌套运用为例
=IF(条件1,条件1成立时的值,IF(条件2,条件2成立时的值,IF(条件3,条件3成立时的值,以上条件都不成时要回来的值)))
比方
假如A1单元格的数值小于60分,则B1单元格回来值为“不及格”,假如A1单元格值为小于70分,则B1单元格值为“及格”,假如A1单元格的值为小于90分,则B1单元格回来值为“良”,假如A1单元格的值在80分(含80)以上,则B1单元格值为“优”。则B1单元格公式能够写成:
=IF(A1<60,”不及格”,IF(A1<70,”及格”,IF(A1<90,”良”,”优”)))

未经允许不得转载:IT技术网站 » html模板语法(html写if判断)
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

志在指尖 用双手敲打未来

登录/注册IT技术大全

热门IT技术

C#基础入门   SQL server数据库   系统SEO学习教程   WordPress小技巧   WordPress插件   脚本与源码下载