XDOM.docx
《XDOM.docx》由会员分享，可在线阅读，更多相关《XDOM.docx（17页珍藏版）》请在冰豆网上搜索。
XDOM
清除屏幕
functionmessage（）
{
alert（"这个提示框由onreset事件句柄触发"）
}
请输入您的名字：
利用此段来进行显示本地信息
functioncreateOrder（）
{
coffee=document.forms[0].coffee
txt=""
for（i=0;i{
if（coffee[i].checked）
{
txt=txt+coffee[i].value+""
}
}
document.getElementById（"order"）.value="您订购的咖啡带有：
"+txt
}
你喜欢怎么喝咖啡？
数据验证
functionvalidate（）
{
varat=document.getElementById（"email"）.value.indexOf（"@"）
varage=document.getElementById（"age"）.value
varfname=document.getElementById（"fname"）.value
submitOK="true"
if（fname.length>10）
{
alert（"名字必须小于10个字符。
"）
submitOK="false"
}
if（isNaN（age）||age<1||age>100）
{
alert（"年龄必须是1与100之间的数字。
"）
submitOK="false"
}
if（at==-1）
{
alert（"不是有效的电子邮件地址。
"）
submitOK="false"
}
if（submitOK=="false"）
{
returnfalse
}
}
名字（最多10个字符）：
年龄（从1到100）：
电子邮件：
使用提交时更改部分网页信息
functionchangeAction（）
{
varx=document.getElementById（"myForm"）
alert（"Originalaction:
"+x.action）
x.action="/htmldom/index.asp"
alert（"Newaction:
"+x.action）
x.submit（）
}
名称：
value="改变action属性并提交表单"/>
使用下拉类表来选择使能情况
functionmoveNumbers（）
{
varno=document.getElementById（"no"）
varoption=no.options[no.selectedIndex].text
vartxt=document.getElementById（"result"）.value
txt=txt+option
document.getElementById（"result"）.value=txt
}
提交部分表单
functionformSubmit（）
{
document.getElementById（"myForm"）.submit（）
}
在下面的文本框中输入一些文本，然后点击提交按钮就可以提交表单。
名：
姓：
提示框
functionshow_popup（）
{
varp=window.createPopup（）
varpbody=p.document.body
pbody.style.backgroundColor="red"
pbody.style.border="solidblack1px"
pbody.innerHTML="这是一个pop-up！
在pop-up外面点击，即可关闭它！
"
p.show（150,150,200,50,document.body）
}
显示pop-up！
打印本页
functionprintpage（）
{
window.print（）
}
提示框
functiondisp_prompt（）
{
varname=prompt（"请输入您的名字","BillGates"）
if（name!
=null&&name!
=""）
{
document.write（"你好，"+name+"！
今天过得好吗？
"）
}
}
表格对齐
functionleftAlign（）
{
document.getElementById（'header'）.align="left";
}
名 | 姓 | | John | Adams |
表格上对齐
functiontopAlign（）
{
document.getElementById（'tr2'）.vAlign="top";
}
名 | 姓 | 文本 |
John | Adams | 你们好。 我是名字是JohnAdams。 在本例中，我需要一段长的文本。 在本例中，我需要一段长的文本。 在本例中，我需要一段长的文本。 |
内嵌网页
用IFRAME可以在HTML文件里显示另一个网页。
这个HTML文档中使用IFRAME来显示另外一个叫Frame_a.html的网页。
表单提交问题不能嵌套
表单是不能嵌套的.
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
无标题文档
for（i=0;i<200;i++）
document.write（'
'）;
functiontest（）{
t=newDate（）;
for（i=0;idocument.forms[i].t1.outerHTML='';
alert（newDate（）-t）;
}
constunsignedcharuser_main[]=
"
DOCTYPEhtmlPUBLIC\"-//W3C//DTDXHTML1.0Strict//EN"
"http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">"
"//www.w3.org/1999/xhtml\">"
"
"
"
福建三元达通讯股份有限公司"
""
//""
""
"
--"
".head{"
"border-bottom:
#fff10pxsolid;"
"padding-bottom:
100px;"
"margin:
0px0px0px6px;"
"padding-left:
0px;"
"width:
100%;"
"padding-right:
5px;"
"background-color:
#E6E6FA;"
"height:
50px;"
"clear:
both;"
"border-top:
#fff100pfsolid;"
"padding-top:
0px;"
"font-size:
40px;"
"font-weight:
bolder;"
"text-align:
center;"
"color:
red;"
"}"
"#content{"
"overflow:
hidden;"
"}"
".link_msg{"
"border-bottom:
#fff10pxsolid;"
"padding-bottom:
5px;"
"width:
15%;"
"margin:
0px0px0px6px;"
"padding-bottom:
3000px;"
"margin-bottom:
-3000px;"
"background-color:
#C0C0C0;"
"padding-left:
0px;"
"float:
left;"
"height:
500px;"
"}"
/*".user_msg{"
"padding-left:
0px;"
"border-bottom:
#fff10pxsolid;"
"padding-bottom:
5px;"
"width:
15%;"
"margin:
0px0px0px6px;"
"margin-bottom:
-3000px;"
"padding-bottom:
3000px;"
"background-color:
#C0C0C0;"
"float:
right;"
"height:
500px;"
"}"*/
".txt{"
"border-bottom:
#fff20pxsolid;"
"padding-bottom:
10px;"
"width:
70%;"
"margin:
015%015%;"
"height:
100px;"
"}"
".addmsg{"
"border-bottom:
0;"
"padding-bottom:
120px;"
"margin:
0px0px0px6px;"
"padding-left:
0px;"
"width:
100%;"
"padding-right:
5px;"
"background-color:
#E6E6FA;"
"height:
60px;"
"clear:
both;"
"border-top:
#fff100pfsolid;"
"padding-top:
0px;"
"font-size:
13px;"
"font-weight:
bolder;"
"text-align:
center;"
"}"
"h3.dengru"
"{"
"text-align:
center;"
"font-size:
30px;"
"}"
"h3.denglubt"
"{"
"text-align:
left;"
"font-size:
25px;"
"}"
"h1.alarm{"
"text-align:
center;"
"font-size:
30px;"
"color:
red;"
"font-weight:
bolder;"
"}"
"h1.dabiaoti{"
"font-size:
40px;"
"font-weight:
bolder;"
"text-align:
center;"
"}"
"h1.text_bt{"
"font-size:
30px;"
"font-weight:
bolder;"
"text-align:
center;"
"}"
"h1#daohang{"
"margin-top:
7px;"
"margin-bottom:
0px;"
"font-size:
1.1em;"
"font-weight:
normal;"
"padding-left:
31px;"
"}"
"h1#txt{"
"margin-top:
9px;"
"margin-bottom:
2px;"
"font-size:
1.0em;"
"font-weight:
normal;"
"padding-left:
31px;"
"}"
"h2{"
"margin-top:
20px;"
"margin-bottom:
1px;"
"font-size:
0.9em;"
"font-weight:
normal;"
"}"
"h3{"
"margin-top:
10px;"
"margin-bottom:
1px;"
"font-size:
0.9em;"
"font-weight:
normal;"
"text-align:
right;"
"}"
"h4{"
"margin-top:
1px;"
"margin-bottom:
1px;"
"font-size:
0.3em;"
"font-weight:
normal;"
"}"
"h5{"
"margin-top:
1px;"
"margin-bottom:
0px;"
"color:
#575757;"
"font-size:
0.9em;"
"font-weight:
normal;"
"}"
"h1#lianjie{"
"font-size:
18px;"
"text-align:
left;"
"}"
"-->"
""
""
""
""
""
"
"
"福建三元达通讯股份有限公司
"
"
"
"
升级会员 