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的网页。
表单提交问题不能嵌套
表单是不能嵌套的.
functiontwosubmit(){
document.form1.submit();
document.form2.submit();
}
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;"
"}"
"-->"
""
""
""
""
""
"
"
"福建三元达通讯股份有限公司
"
"
"
"