网页设计学习笔记

HTML,CSS,JavaScript

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: :: 管理 ::

2012年4月6日

摘要: 类似于动态加载 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 阅读(403) 评论(0) 推荐(0) 编辑

摘要: 稍微复杂的网站中,肯定要用到许多 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 阅读(675) 评论(0) 推荐(0) 编辑

2012年4月5日

摘要: 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 阅读(282) 评论(0) 推荐(0) 编辑

摘要: 现在,直接在网页中指定存放在网络中的字体是可能的,这就是所谓的 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 阅读(1279) 评论(0) 推荐(0) 编辑

2012年4月4日

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