html 展开 不用js,不用HTML/CSS,JS就够了

有人在Github上面建了一个很有意思的项目。你只需要JS就可以创建网页。

原理其实很简单,创建一些“html函数”,如: p, div, ul, li 来创建你的网页,而且可以和backbone无缝结合, 下面有个例子:

h1('HTML Creation');

p('Tags are functions.')

p('Attributes are objects...', {

style:{fontStyle:'italic'}

})

ul(function(){

li('Nest');

li('with');

li('functions!');

});

效果:

HTML Creation

Tags are functions.

Attributes are objects...

Nest

with

functions!

你也用JS来设置些CSS

h1('CSS Creation')

css({

'.red':{color:'#e00'},

'.big':{fontSize:'25px'}

});

div({'class':'red'}, 'This is red');

div({c:'big'}, 'This is big');

div({c:'big red'}, 'This is both');

效果:

CSS Creation

This is red

This is big

This is both

Github地址: https://github.com/ojjs/oj/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值