不用HTML/CSS,JS就够了_html/css_WEB-ITnose
程序员文章站
2022-05-30 21:46:11
...
有人在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/
推荐阅读
-
CSS / HTML基础问题总结大全,看这个系列就够了
-
web项目js css静态文件缓存解决_html/css_WEB-ITnose
-
自学篇之js 提取复选框和单选框的值 和纯css的3D按钮_html/css_WEB-ITnose
-
关于两个div高度保持一致的(css+js)两种解决办法_html/css_WEB-ITnose
-
让eclipse完全支持HTML/JS/CSS智能提示_html/css_WEB-ITnose
-
JS求代码_html/css_WEB-ITnose
-
js实现图片切换效果_html/css_WEB-ITnose
-
css3 +html5+js 手机网页布局问题(在微信上使用).两个问题_html/css_WEB-ITnose
-
js实现图片切换效果_html/css_WEB-ITnose
-
js html 页面倒计时 精确到秒_html/css_WEB-ITnose