??xml version="1.0" encoding="utf-8" standalone="yes"?>
<body style="overflow:scroll;overflow-y:hidden">
</body>
让横条没?
<body style="overflow:scroll;overflow-x:hidden">
</body>
两个都去掉?更简单了
<body scroll="no">
</body>
2.DIV display visibility
使用了div一D|_但是在display和visibility上似乎一直没有搞清楚。搞了一下,发现Q其实差别还是挺大的?br />
visibility属性:
定元素昄q是隐藏Q?br />visibility="visible|hidden"Qvisible 昄Qhidden 隐藏?br />当visibility被设|ؓ"hidden"的时候,元素虽然被隐藏了Q但它仍然占据它原来所在的位置?/p>
display属?
有一点不同了。visibility属性是隐藏元素但保持元素的动位置Q而display实际上是讄元素的Q动特征?br />block:
当display被设|ؓblock(?Ӟ容器中所有的元素会被当作一个单独的块,像<div>元素一P它会在那个点被放入到面中?实际上你可以讄<span>的display:blockQ其可以像<div>一样工作?br />inline:
display讄为inlineQ将使其行ؓ和元素inline一?--即它是普通的块元素如<div>Q它也将会被l合成像<span>那样的输出流?br />none:
最后是display被设|:none,q时元素实际上就从页面中被移赎ͼ它下面所在的元素׃被自动跟上填充?/p>
用户定制Web中元素的排版布局{略 (主要解释viewpoint的概念)Q?br />http://birdshome.cnblogs.com/archive/2005/01/10/88454.html
解读absolute与relativeQ?br />http://www.andymao.com/andy/post/40.html
面布局Q?br />http://wuhuifeng.com/guides/cssadvanced/layout/
|络日记Qdiv与cssQ?br />http://skwei.spaces.live.com/blog/
document.getElementById(" ")
得到的是一个对象,?/span>
alert
昄得到的是
?/span>
object
”,而不是具体的|它有
value
?/span>
length
{属性,加上
.value
得到的才
是具体的|
参考资料:
1. document . getElementById 的用法和 DHTML.CHM 的下载地址
http://blog.sina.com.cn/u/4933092a010003k7
今天在网l上查找 document . getElementById 的用法,如下Q?/span>
A
Q?/span>
语法Q?/span>
oElement = document . getElementById ( sID )
参数Q?/span>
sID :
必选项。字W串
(String)
?/span>
q回|
oElement :
对象
(Element)
?/span>
说明Q?/span>
Ҏ指定?/span>
id
属性值得到对象。返?/span>
id
属性值等?/span>
sID
的第一个对象的引用。假如对应的Zl对?/span>
Q则q回该组对象中的W一个?/span>
如果无符合条件的对象Q则q回
null
?/span>
B Q有一个例子可以很好的说明Q?/span>
****************************************************************************
* *
*
q个函数中最关键的地Ҏ
document.getElementById
Q他是什么呢Q?/span>
*
* *
*
关于
document.getElementById
Q是q样的:
*
* *
*
如:
document.getElementById('hdrPageHeader_lblTitle') *
* *
*
表示的意思是Q获?/span>
ID
?/span>
:hdrPageHeader_lblTitle
的对?/span>
*
* *
* <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 Q另外还得到一个细节:
http://bbs.cnitn.cn/dispbbs.asp?boardid=20&id=12957 Q内ҎQ?/span>
?/span>
document.getElementById
有时会抓
name
放过?/span>
id
Q据说是
IE
的一?/span>
BUG
Q?/span>
面中有
<input type="hidden" id="hello8" name="category_id" value="2" />
<select id="category_id" onchange="al();">
一个是
name="category_id"
一个是
id="category_id"
?/span>
document.getElementById
取第二个Q可是,取到的却是第一?/span>
name=category_id
?/span>
IE
?/span>
getElementById
竟然不是先抓
id
而是先找
name
相同的物?/span>
...
兩?/span>
form,
每?/span>
form
有兩?/span>
textbox,
兩?/span>
form
中的
textbox
是相同的
name,
?/span>
id
都不?/span>
...
這樣?/span>
Firefox
是沒問題?/span>
...
但在
IE
d抓得到第一個出珄
name
資料
D Q在得到{案后,同时也得C两本好的手册工具Q?/span>
1.DHTML.CHM -----
很全面的
DHTML
的参考手?/span>
2.javascript
的参考手?/span>
饮水思源Q我q是不要把别人的成果直接攑ֈq里Q下面这个地址提供了下载连接:
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; ( 使用Q?/span> document.title)
ҎQ?/span>
使得元素得到焦点q执行由
onfocus
事g指定的代码?/span>
|
|
获取?/span>
ID
标签属性ؓ指定值的W一个对象的引用?/span>
|
|
Ҏ
NAME
标签属性的D取对象的集合?/span>
|
|
获取Z指定元素名称的对象集合?/span>
|
单介l?/span>
ID
?/span>
name
的区?/span>
http://5idev.net/javascript/ID/name/396656
l
id
像w分证号Q是唯一的,
name
像姓名一样可以同?/span>
l
一个元素定义了
id
Q引用该元素时直接用
id
属性,?/span>
name
通常用在
form
中,且必ȝ
document.form.***
而来Q也是_
name
属性定义的元素在脚本中?/span>
document
对象的子对象?/span>
l
name
用于
form
内元素,提交需?/span>
id
用于
form
外元素好用因?/span>
DOM
能直接取得单一元素
document.getElementById("id_Number")
得到的是单个元素
document.getElementsByName("name")
得到的是数组
l
id
每页只能有一?/span>
name
可以有多?/span>
name
有些标签不推荐用?/span>
取得
id :document.getElementById("idname")
取得
name
Q?/span>
document.getElementsByName("name")[0?1?2?3?....]
l
表单元素
(form input textarea select)
与框架元?/span>
(iframe frame)
?/span>
name
q些元素都与表单
(
框架元素作用?/span>
form
?/span>
target)
提交有关
,
在表单的接收面?/span>
接收?/span>
name
的元?/span>
,
?/span>
ID
的元素通过表单是接收不到值的
,
你自己可以验证一?/span>
.
有一个例?/span>
: A
可以?/span>
name
作ؓ锚点
,
也可以赋
ID
Q?/span>
只能?/span>
ID
不能?/span>
name
的元?/span>
:(
除去与表单相关的元素都只能赋
ID)
body li table tr td th p div span pre dl dt dd font b
{等?/span>
l
几乎每个做过
Web
开发的人都问过Q到底元素的
ID
?/span>
Name
有什么区别阿Qؓ什么有?/span>
ID
q要?/span>
Name
?/span>
?
而同h们也可以得到最
classical
的答案:
ID
像是一个h的n份证LQ?/span>
Name
像是他的名字,
ID
昄是唯一的,?/span>
Name
是可以重复的?/span>
上周我也遇到?/span>
ID
?/span>
Name
的问题,在页面里输入了一?/span>
input type="hidden"
Q只写了一?/span>
ID='SliceInfo'
Q赋值后
submit
Q在后台?/span>
Request.Params["SliceInfo"]
却怎么也去不到倹{后来恍然大悟因该用
Name
来标C,于是?/span>
input
里加了个
Name='SliceInfo'
Q就一?/span>
ok
了?/span>
W一D里对于
ID
?/span>
Name
的解{说的太W统了,当然那个解释对于
ID
来说是完全对的,它就?/span>
Client
?/span>
HTML
元素?/span>
Identity
。?/span>
Name
其实要复杂的多,因ؓ
Name
有很多种的用途,所以它q不能完全由
ID
来代替,从而将其取消掉?/span>
具体用途有Q?/span>
用?/span>
1:
作ؓ可与服务器交互数据的
HTML
元素的服务器端的标示Q比?/span>
input
?/span>
select
?/span>
textarea
、和
button
{。我们可以在服务器端Ҏ?/span>
Name
通过
Request.Params
取得元素提交的倹{?/span>
用?/span>
2: HTML
元素
Input type='radio'
分组Q我们知?/span>
radio button
控g在同一个分l类Q?/span>
check
操作?/span>
mutex
的,同一旉只能选中一?/span>
radio
Q这个分l就是根据相同的
Name
属性来实现的?/span>
用?/span>
3:
建立面中的锚点Q我们知?/span>
<a href="URL">link</a>
是获得一个页面超U链接,如果不用
href
属性,而改?/span>
Name
Q如Q?/span>
<a name="PageBottom"></a>
Q我们就获得了一个页面锚炏V?/span>
用?/span>
4:
作ؓ对象?/span>
Identity
Q如
Applet
?/span>
Object
?/span>
Embed
{元素。比如在
Applet
对象实例中,我们用其
Name
来引用该对象?/span>
用?/span>
5:
?/span>
IMG
元素?/span>
MAP
元素之间兌的时候,如果要定?/span>
IMG
的热点区域,需要用其属?/span>
usemap
Q
usemap="#name"(
被关联的
MAP
元素?/span>
Name)
?/span>
用?/span>
6:
某些特定元素的属性,?/span>
attribute
Q和
param
。例如ؓ
Object
定义参数
<PARAM NAME = "appletParameter" VALUE = "value">
?/span>
昄q些用途都不是能简单的使用
ID
来代替掉的,所?/span>
HTML
元素?/span>
ID
?/span>
Name
的却别ƈ不是w䆾证号码和姓名q样的区别,它们更本是不同作用的东ѝ?/span>
当然
HTML
元素?/span>
Name
属性在面中也可以起那么一?/span>
ID
的作用,因ؓ?/span>
DHTML
对象树中Q我们可以?/span>
document.getElementsByName
来获取一个包含页面中所有指?/span>
Name
元素的对象数l?/span>
在这里顺便说一下,要是面中有
n(n>1)
?/span>
HTML
元素?/span>
ID
都相同了怎么办??/span>
DHTML
对象中怎么引用他们呢?如果我们使用
ASPX
面Q这L情况是不Ҏ发生的,因ؓ
aspnet
q程在处?/span>
aspx
面时根本就不允许有
ID
非唯一Q这是页面会被抛出异常而不能被正常?/span>
render
。要是不是动态页面,我们要?/span>
ID
重复?/span>
IE
怎么搞呢Q?/span>
q个时候我们还是可以l?/span>
document.getElementById
获取对象Q只不过我们只能获取
ID
重复的那些对象中?/span>
HTML Render
时第一个出现的对象。而这旉复的
ID
会在引用时自动变成一个数l,
ID
重复的元素按
Render
的顺序依ơ存在于数组中?/span>