不用HTML/CSS,JS就够了_html/css_WEB-ITnose
程序员文章站
2022-04-16 10:15:48
...
有人在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/
推荐阅读
-
html?js如何公用_html/css_WEB-ITnose
-
初学者,js写的一个俄罗斯方块问题_html/css_WEB-ITnose
-
入门html+css+js,哪里能找到比较适合学习的源码_html/css_WEB-ITnose
-
如何还原压缩的CSS/HTML/JS文件_html/css_WEB-ITnose
-
静态页面上传到服务器后鼠标经过链接DIV就串(火狐正常IE串)_html/css_WEB-ITnose
-
百度地图简单使用--添加折线,圆形等(html,js)_html/css_WEB-ITnose
-
JS获取对象的某个CSS属性值的问题_html/css_WEB-ITnose
-
网页总是有上边距,且JS脚本只能用于IE_html/css_WEB-ITnose
-
html5 css3 jquery js 实现全屏_html/css_WEB-ITnose
-
js css 实现简易计算器_html/css_WEB-ITnose