网页设计学习笔记

摘要： 类似于动态加载 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);};如果需 阅读全文

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

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

摘要： 现在，直接在网页中指定存放在网络中的字体是可能的，这就是所谓的 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 阅读全文

摘要： 更新：大部分浏览器的最新版本都支持通过 FileReader 来打开本地文件，具体方法见这里。为着安全起见，在 JavaScript 中是不允许直接访问本地文件的。但有时候又需要打开和保存本地文件，在目前的情况之下就只能用一些特殊的方法来实现了。最麻烦的是，这些方法大多都不能适 用于各个主要浏览器，很费事但也只能如此。这一篇总结一下各种打开本地文件的方法，下一篇总结保存本地文件的方法。首先是 IE 浏览器。IE 有自己独有的 ActiveX，实现文件的是容易的。在下面的例子中，首先选择好要打开的文件路径名，点击"Read"按钮后将把该文件的内容读入 textarea 区域： 阅读全文