zoho - 博客园

动态加载 CSS 文件

摘要：类似于动态加载 JS 文件的情形，动态加载 CSS 文件也是可以的，例如：var loadStyles = function(url) { var link = document.createElement("link"); link.rel = "stylesheet"; link.type = "text/css"; link.href = url; var head = document.getElementsByTagName("head")[0]; head.appendChild(link);};如果需阅读全文

posted @ 2012-04-06 15:03 zoho 阅读(415) 评论(0) 推荐(0)

动态加载 JavaScript 文件

摘要：稍微复杂的网站中，肯定要用到许多 JavaScript 文件。一般来说，在 HTML 页面中应该只加载基本的 JS 文件，以使得页面能够尽快地显示出来。然后在页面载入完毕之后，利用 onload 事件再载入其它 JS 文件。动态加载 JS 文件的方法很简单，可以用下面的函数来实现：var loadScript = function(url) { var script = document.createElement("script"); script.type = "text/javascript"; script.src = url; document 阅读全文

posted @ 2012-04-06 14:15 zoho 阅读(685) 评论(0) 推荐(0)

单态模式和模块模式

摘要： JavaScript 中的单态模式或称单例模式（singleton pattern），是指只有一个实例。常见的一些 JavaScript 框架例如 jQuery 和 YUI 等，应该就只有一个实例。最简单的单态模式可以用对象来实现，例如：var singleton = { myvar: 'public variable', myfun: function() { return 'public function' };};上述这种方法定义的属性和方法都是公有的，如果还需要有私有属性和方法，可以用函数来实现。例如：var singleton = (function( 阅读全文

posted @ 2012-04-05 21:01 zoho 阅读(288) 评论(0) 推荐(0)

CSS 中使用网络字体

摘要：现在，直接在网页中指定存放在网络中的字体是可能的，这就是所谓的 Web Fonts。首先我们来看看都有那些网络字体格式是浏览器支持的：（1）TrueType 格式，文件后缀为 ttf。这是常用矢量字体中最古老的一种。（2）OpenType 格式，文件后缀为 otf。这是 TrueType 字体格式的替代版。（3）EOT 格式，文件后缀为 eot。全名 Embedded Open Type，是微软针对网络情形改进的字体格式。（4）WOFF 格式，文件后缀为 woff。全名 Web Open Font Format，是 Mozilla 基金会在 2009 年推出的字体格式，很快 Firefox 3 阅读全文

posted @ 2012-04-05 16:59 zoho 阅读(1319) 评论(0) 推荐(0)

在浏览器中保存本地文件1

摘要：更新：大部分浏览器的最新版本都支持通过 Blob 来保存本地文件，具体方法见这里。前一篇已经总结了在浏览器中打开本地文件的方法，现在接着总结保存本地文件的方法，同样以保存 textarea 的内容到本地文件为例。首先还是 IE，IE 的 document.execCommand 函数中可以使用 SaveAs 参数来将当前网页保存到本地文件。我们利用 iframe 就可以实现保存 textarea 内容到文件的目的。例子如下：<html><body><textarea id="areaid">hello this!</textarea 阅读全文

posted @ 2012-04-04 18:31 zoho 阅读(922) 评论(0) 推荐(0)

网页设计学习笔记