一款实现无阻塞加载javascript的js、css动态加载器(css 是顺带的功能…),作用是给目标js、css通过createElement方式动态append到body中的head里头,并提供加载成功时回调函数的功能。
通过 createElement 的方式 创建所需标签(script/link),然后使用 appendChild方法将标签插入到 head的子节点处。
在说 javascript阻塞问题之前,我们先看一个例子:
<head> <script type="text/javascript" src="http://www.jackness.org/wp-content/themes/JStyle/images/default/blank.png" _src="file1.js"></script> <script type="text/javascript" src="http://www.jackness.org/wp-content/themes/JStyle/images/default/blank.png" _src="file2.js"></script> <script type="text/javascript" src="http://www.jackness.org/wp-content/themes/JStyle/images/default/blank.png" _src="file3.js"></script> <link rel="stylesheet" href="style.css"/> </head>
假设在我们页面的头部加上这样一些 script 和 link 标签,我们知道,当浏览器访问这个页面时,
页面的加载顺序是:
首先要说的是,给滚动条自定义样式,只有ie only,其他浏览器是没有这档事的,而且 ie的 滚动条自定义样式仅仅局限于 改颜色(高光边色,主体色,暗边色),水晶特效,外发光那些都是传说,单凭css是实现不了的。
自我认为window 自带的 滚动条样子还行,看久了挺有味道的,不过设计师们在页面设计的时候,有时候会根据网页风格,会给滚动条画得十分个性化,而从我们前端的角度来看…
“这个滚动条画得是挺好的,水晶特效,内阴影外发光全都做得很到位…但是,其实window默认的滚动条和你现在设计的页面风格也挺搭的,能用回默认的吗,亲?”
说到这个份上,有时候,设计师看了下,其实默认的也确实还行的话,设计师会让步让我们制作端轻松些,嘛当然有时候丢个默认上去确实,连路人甲走过都觉得不搭的话,那就只好我们通过其他方式模拟一个滚动条出来了。(这个控件是在整理 js控件库的时候整理出来的,今年5月份写的一个小功能,稍微更新下之后,果断拿出来分享下。)
阅读全文…
如有疑问or建议可通过以下方式跟我取得联系.
Q Q: | 373435871 |
---|---|
Email: | jackness1208@gmail.com |