首頁 > web前端 > html教學 > 不用HTML/CSS,JS就够了_html/css_WEB-ITnose

不用HTML/CSS,JS就够了_html/css_WEB-ITnose

WBOY
發布: 2016-06-21 08:48:57
原創
1000 人瀏覽過

有人在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/

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板