2.DIV display visibility

使用了div一段时间，但是在display和visibility上似乎一直没有搞清楚。搞了一下，发现，其实差别还是挺大的。
 
visibility属性：
确定元素显示还是隐藏；
visibility="visible|hidden"，visible 显示，hidden 隐藏。
当visibility被设置为"hidden"的时候，元素虽然被隐藏了，但它仍然占据它原来所在的位置。

display属性:
就有一点不同了。visibility属性是隐藏元素但保持元素的浮动位置，而display实际上是设置元素的浮动特征。
block:
当display被设置为block(块)时，容器中所有的元素将会被当作一个单独的块，就像<div>元素一样，它会在那个点被放入到页面中。(实际上你可以设置<span>的display:block，使其可以像<div>一样工作。
inline:
将display设置为inline，将使其行为和元素inline一样---即使它是普通的块元素如<div>，它也将会被组合成像<span>那样的输出流。
none:
最后是display被设置：none,这时元素实际上就从页面中被移走，它下面所在的元素就会被自动跟上填充。

用户定制Web页中元素的排版布局策略 (主要解释viewpoint的概念）：
http://birdshome.cnblogs.com/archive/2005/01/10/88454.html

解读absolute与relative：
http://www.andymao.com/andy/post/40.html

页面布局：
http://wuhuifeng.com/guides/cssadvanced/layout/

网络日记：div与css：
http://skwei.spaces.live.com/blog/

document.getElementById(" ") 得到的是一个对象，用 alert 显示得到的是

“ object ”，而不是具体的值，它有 value 和 length 等属性，加上 .value 得到的才

是具体的值！

参考资料：

1. document . getElementById 的用法和 DHTML.CHM 的下载地址

http://blog.sina.com.cn/u/4933092a010003k7

今天在网络上查找 document . getElementById 的用法，如下：

 A ：     语法：
    oElement = document . getElementById ( sID )
     参数：
    sID  : 必选项。字符串 (String) 。

     返回值：
    oElement  : 对象 (Element) 。

     说明：
     根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象      ，则返回该组对象中的第一个。
     如果无符合条件的对象，则返回 null 。

B ：有一个例子可以很好的说明：

  ****************************************************************************
  *                                                                          *
  *  这个函数中最关键的地方是 document.getElementById ，他是什么呢？       *
  *                                                                          *
  *  关于 document.getElementById ，是这样的：                             *
  *                                                                    *
  *  如： document.getElementById('hdrPageHeader_lblTitle')              *
  *                                                                    *
  *  表示的意思是：获取 ID 为 :hdrPageHeader_lblTitle 的对象                 *
  *                                                                          *
  * <a id="hdrPageHeader_lblTitle0">aa</a>                             *
  * <a id="hdrPageHeader_lblTitle">bb</a>                              *
  * <a id="hdrPageHeader_lblTitle1">cc</a>                             *
  * <script language="javascript">                                     *
  * <!--                                                               *
  * var idtext=document.getElementById('hdrPageHeader_lblTitle')       *
  * alert(idtext.innerText)                                            *
  * //-->                                                              *
  * </script>                                                          *
  *                                                                          *
  **************************************************************************** 

C ：另外还得到一个细节：

http://bbs.cnitn.cn/dispbbs.asp?boardid=20&id=12957 ，内容是：

① document.getElementById 有时会抓 name 放过了 id ，据说是 IE 的一个 BUG ；
页面中有
    <input type="hidden" id="hello8" name="category_id" value="2" />

         <select id="category_id"   onchange="al();">

一个是 name="category_id" 一个是 id="category_id"

用 document.getElementById 取第二个，可是，取到的却是第一个 name=category_id

在 IE 中 getElementById 竟然不是先抓 id 而是先找 name 相同的物件 ...

兩個 form, 每個 form 有兩個 textbox, 兩個 form 中的 textbox 是相同的 name, 但 id 都不同 ...
這樣在 Firefox 是沒問題的 ... 但在 IE 卻只抓得到第一個出現的 name 資料

D ：在得到答案后，同时也得到了两本好的手册工具，

1.DHTML.CHM ----- 很全面的 DHTML 的参考手册

2.javascript 的参考手册

饮水思源，我还是不要把别人的成果直接放到这里，下面这个地址提供了下载连接：

http://www.xy72.com/bbs/dispbbs.asp?boardID=11&ID=71&page=1

2. document 对象

http://www.phpx.com/man/dhtmlcn/objects/obj_document.html

属性： title ; bgColor ; url; ( 使用： document.title)

方法：

简单介绍 ID 与 name 的区别

http://5idev.net/javascript/ID/name/396656

l        id 就像身分证号，是唯一的， name 就像姓名一样可以同名

l        一个元素定义了 id ，引用该元素时直接用 id 属性，而 name 通常用在 form 中，且必须由 document.form.*** 而来，也就是说， name 属性定义的元素在脚本中是 document 对象的子对象。

l        name 用于 form 内元素，提交需要

id 用于 form 外元素好用因为 DOM 能直接取得单一元素

document.getElementById("id_Number") 得到的是单个元素

document.getElementsByName("name") 得到的是数组

l        id 每页只能有一个

name 可以有多个

name 有些标签不推荐用它

取得 id :document.getElementById("idname")

取得 name ： document.getElementsByName("name")[0?1?2?3?....]

l        表单元素 (form input textarea select) 与框架元素 (iframe frame) 用 name

这些元素都与表单 ( 框架元素作用于 form 的 target) 提交有关 , 在表单的接收页面只

接收有 name 的元素 , 赋 ID 的元素通过表单是接收不到值的 , 你自己可以验证一下 .

有一个例外 : A 可以赋 name 作为锚点 , 也可以赋 ID ；

只能赋 ID 不能赋 name 的元素 :( 除去与表单相关的元素都只能赋 ID)

body li table tr td th p div span pre dl dt dd font b 等等。

l        几乎每个做过 Web 开发的人都问过，到底元素的 ID 和 Name 有什么区别阿？为什么有了 ID 还要有 Name 呢 ? 而同样我们也可以得到最 classical 的答案： ID 就像是一个人的身份证号码，而 Name 就像是他的名字， ID 显然是唯一的，而 Name 是可以重复的。

　　上周我也遇到了 ID 和 Name 的问题，在页面里输入了一个 input type="hidden" ，只写了一个 ID='SliceInfo' ，赋值后 submit ，在后台用 Request.Params["SliceInfo"] 却怎么也去不到值。后来恍然大悟因该用 Name 来标示，于是在 input 里加了个 Name='SliceInfo' ，就一切 ok 了。

　　第一段里对于 ID 和 Name 的解答说的太笼统了，当然那个解释对于 ID 来说是完全对的，它就是 Client 端 HTML 元素的 Identity 。而 Name 其实要复杂的多，因为 Name 有很多种的用途，所以它并不能完全由 ID 来代替，从而将其取消掉。

　　具体用途有：

　　用途 1:  作为可与服务器交互数据的 HTML 元素的服务器端的标示，比如 input 、 select 、 textarea 、和 button 等。我们可以在服务器端根据其 Name 通过 Request.Params 取得元素提交的值。

　　用途 2:  HTML 元素 Input type='radio' 分组，我们知道 radio button 控件在同一个分组类， check 操作是 mutex 的，同一时间只能选中一个 radio ，这个分组就是根据相同的 Name 属性来实现的。

　　用途 3:  建立页面中的锚点，我们知道 <a href="URL">link</a> 是获得一个页面超级链接，如果不用 href 属性，而改用 Name ，如： <a name="PageBottom"></a> ，我们就获得了一个页面锚点。

　　用途 4:  作为对象的 Identity ，如 Applet 、 Object 、 Embed 等元素。比如在 Applet 对象实例中，我们将使用其 Name 来引用该对象。

　　用途 5:  在 IMG 元素和 MAP 元素之间关联的时候，如果要定义 IMG 的热点区域，需要使用其属性 usemap ，使 usemap="#name"( 被关联的 MAP 元素的 Name) 。

　　用途 6:  某些特定元素的属性，如 attribute ，和 param 。例如为 Object 定义参数 <PARAM NAME = "appletParameter" VALUE = "value"> 。

　　显然这些用途都不是能简单的使用 ID 来代替掉的，所以 HTML 元素的 ID 和 Name 的却别并不是身份证号码和姓名这样的区别，它们更本就是不同作用的东西。

　　当然 HTML 元素的 Name 属性在页面中也可以起那么一点 ID 的作用，因为在 DHTML 对象树中，我们可以使用 document.getElementsByName 来获取一个包含页面中所有指定 Name 元素的对象数组。

　　在这里顺便说一下，要是页面中有 n(n>1) 个 HTML 元素的 ID 都相同了怎么办？在 DHTML 对象中怎么引用他们呢？如果我们使用 ASPX 页面，这样的情况是不容易发生的，因为 aspnet 进程在处理 aspx 页面时根本就不允许有 ID 非唯一，这是页面会被抛出异常而不能被正常的 render 。要是不是动态页面，我们硬要让 ID 重复那 IE 怎么搞呢？

　　这个时候我们还是可以继续使用 document.getElementById 获取对象，只不过我们只能获取 ID 重复的那些对象中在 HTML Render 时第一个出现的对象。而这时重复的 ID 会在引用时自动变成一个数组， ID 重复的元素按 Render 的顺序依次存在于数组中。