zoho - 博客园

在浏览器中打开本地文件1

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

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

CSS 中三栏布局的实现

摘要：一、左右三栏布局前面所述的左右双栏布局的实现方法，嵌套地使用可以得到各种左右三栏布局，但是这样看起来有些啰嗦。因此，最好还是用直接的方式实现三栏布局。对于三栏布局，依照左中右是固定还是流动来划分，同样有各种情形：（1）固定-固定-固定；（2）固定-固定-流动；（3）固定-流动-固定；（4）固定-流动-流动；（5）流动-固定-流动；（6）流动-流动-流动。这些布局方式的一个流动指占用剩余的宽度，二个或三个流动指按指定比例分配剩余的宽度。和双栏的情况类似，布局（1）和（6）各部分都使用同样的长度单位，是最简单的，我们只需要用元素的 float 属性就可以实现了。类似地，布局（2）和（3）中只有一个阅读全文

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

CSS 中双栏布局的实现

摘要：用 CSS 可以比较简单地实现各种双栏布局，这里以左右双栏布局为例。双栏布局包括如下四种：（1）左右均为固定宽度；（2）左右均为比例宽度；（3）左边为固定宽度右边为浮动宽度；（4）右边为固定宽度左边为浮动宽度。（1）左右均为固定宽度：这种情形比较简单。CSS内容如下：#left { width: 300px;}#right { width: 700px; float: left;}（2）左右均为比例宽度：这种情形也简单，CSS内容如下：#left { width: 30%;}#right { width: 70%; float: left;}注意左右的宽度比例之和最好不... 阅读全文

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

网页的文档对象模型

摘要：要制作网页，首先必不可少的是了解文档对象模型（DOM）。DOM 就是对网页的各个元素之间的包含关系以及每个元素的属性的描述，例如<html> <head> <title>Hello This!</title> </head><body> <h1>Header</h1> <div> <p>Paragraph</p> </div></body></html>对于一个网页文档来说，html 是最顶级的元素，它包含 head 和 bod 阅读全文

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

网页元素的比例长度

摘要：在设置网页中元素的比例长度时，需要注意先设置好它的所有父元素的长度。比如下面的代码将无法将一个 div 的高度设为100%：<html><head> <style type="text/css"> div { height: 100%; background: green; } </style></head><body> <div>Hello This!</div></body></html>这是因为，div 的父元素 html 和 body 的高度没有设阅读全文

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

网页设计学习笔记