Html 实例Word格式文档下载.docx
《Html 实例Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《Html 实例Word格式文档下载.docx(49页珍藏版)》请在冰豆网上搜索。
)
key1=event.keyCode
if(key1==37||key1==39)
{obj.blur();
nextip=parseInt(obj.name.substr(2,1))
nextip=key1==37?
nextip-1:
nextip+1;
nextip=nextip>
=5?
1:
nextip
nextip=nextip<
=0?
4:
eval("
ip"
+nextip+"
.focus()"
}
if(obj.value.length>
=3)
if(parseInt(obj.value)>
=256||parseInt(obj.value)<
=0)
{
alert(parseInt(obj.value)+"
IP地址错误!
"
obj.value="
obj.focus()
returnfalse;
}
else
nextip=parseInt(obj.name.substr(2,1))+1
functionmask_c(obj)
))
/script>
title>
IP地址输入<
/title>
/head>
body>
divstyle="
border-width:
1;
border-color:
balck;
border-style:
solid;
width:
165;
font-size:
9pt"
inputtype=textname=ip1maxlength=3class=a3onkeyup="
mask(this)"
onbeforepaste=mask_c()>
.
inputtype=textname=ip2maxlength=3class=a3onkeyup="
inputtype=textname=ip3maxlength=3class=a3onkeyup="
inputtype=textname=ip4maxlength=3class=a3onkeyup="
/div>
/body>
/html>
组合级联使用
selectonchange='
ok(this)'
id=a>
option>
音乐<
电影<
/select>
selectid=b>
functionok(objs){
if(objs.options[objs.selectedIndex].text=="
音乐"
)b.outerHTML="
optionselected>
音乐1<
音乐2"
电影"
电影1<
电影2"
ok(a)
inputtype="
text"
id="
oText"
value="
无忧脚本:
button"
提取数字"
onclick="
window.alert(self['
oText'
].value=self['
].value.replace(/[^\d]/g,'
));
提取中文"
].value.replace(/[^\u4E00-\u9FA5]/g,'
提取英文"
].value.replace(/[^a-zA-Z]/g,'
br>
inputname="
s"
无忧脚本"
TEST"
varn=s.value.match(/\d/g);
vare=s.value.match(/[a-z]/ig);
varc=s.value.match(/[^-~]/g);
alert(n==null?
'
没有数字'
:
数字有'
+n.length+'
个,是:
+n.join('
、'
alert(e==null?
没有字母'
字母有'
+e.length+'
+e.join('
alert(c==null?
没有中文'
中文有'
+c.length+'
+c.join('
NewPage1<
functiongetrow(obj)
if(event.srcElement.tagName=="
TD"
){
curRow=event.srcElement.parentElement;
alert("
这是第"
+(curRow.rowIndex+1)+"
行"
);
}
tableborder="
1"
width="
100%"
onclick=getrow(this)>
<
tr>
tdwidth="
20%"
<
/td>
/tr>
/table>
删除行
document.all.myTable.deleteRow(xx)
HTML>
HEAD>
TITLE>
NewDocument<
/TITLE>
SCRIPTLANGUAGE="
JavaScript"
!
--
vari=0
functionAddRow()
{
vartemp=document.body.children.item
(1)
temp.insertRow(temp.rows.length);
temp.rows.item(temp.rows.length-1).insertCell(0);
temp.rows.item(temp.rows.length-1).cells(0).innerText=i++;
temp.rows.item(temp.rows.length-1).cells(0).align='
right'
;
temp.rows.item(temp.rows.length-1).insertCell
(1);
varxx=temp.rows.length-1//-1
temp.rows.item(temp.rows.length-1).cells.item
(1).innerHTML='
table>
buttontag=\"
+xx+'
\"
onclick=\"
DeleteRow(this);
del<
/button>
}
functionDeleteRow(x)
//alert(x.tag.valueOf())
temp.deleteRow(x.tag.valueOf())
for(varj=0;
j<
temp.rows.length;
j++)temp.rows.item(j).cells.item
(1).children.item(0).children.item(0).children.item(0).tag=j;
//-->
/SCRIPT>
/HEAD>
BODY>
INPUTTYPE="
Add"
AddRow()"
TABLEborder="
/TABLE>
/BODY>
/HTML>
DOCTYPEHTMLPUBLIC"
-//W3C//DTDHTML4.0Transitional//EN"
METANAME="
Generator"
CONTENT="
EditPlus"
Author"
Keywords"
Description"
tableid="
table"
td>
表头名称<
是否合并<
操作<
tdid="
row1_name"
名称A<
row1_flag"
是<
Aonclick="
EditItem
(1)"
href="
#"
编辑<
/A>
functionEditItem(row){
varname=document.getElementById("
row"
+row+"
_name"
varflag=document.getElementById("
_flag"
varvalue=name.innerText;
name.innerHTML="
inputname=\"
edit_name\"
value=\"
+value+"
type=\"
text\"
value=flag.innerText;
flag.innerHTML="
edit_flag\"
MicrosoftVisualStudio.NET7.1"
vs_targetSchema"
scriptlanguage="
javascript"
varobjTable;
functionPageLoad()
objTable=document.getElementById("
tbNew"
);
//找到操作Table
functiontdvalue()
varobjTempRow=objTable.rows[0];
//找到Table的模版行
varobjNewRow=objTable.insertRow(objTable.rows.length);
//在Table的末尾新增一行
objNewRow.id=objTable.rows.length-1;
//以模版行建立新行内容
for(vari=0;
i<
objTempRow.cells.length;
i++)
varobjNewCell=objNewRow.insertCell(i);
objNewCell.innerHTML=objTempRow.cells[i].innerHTML;
functionDeleteTableRow()
if(objTable.rows.length-1>
0)
objTable.deleteRow(objTable.rows.length-1);
else
//
window.onload=PageLoad;
formid="
Form1"
name="
inputid="
btnInsert"
type="
tdvalue()"
添加新行"
/>
btnDelete"
DeleteTableRow()"
删除末行"
/form>
TABLEid="
cellSpacing="
cellPadding="
border="
--此处为模版行-->
TR>
TD>
txtData_1"
/>
/TD>
txtData_2"
txtData_3"
/TR>
---------------->
showtips();
if(event.keyCode==27)c();
id=txtonkeydown='
enterTips()'
(eg.ShanDong)<
selectid=selstyle='
display:
none'
onclick=rv()onkeydown='
if(event.keyCode==13)rv()'
varmsg=newArray("
Beijing"
"
Tianjing"
Shanghai"
Guangdong"
ShanDong"
Shanxi"
Hunan"
Hubei"
varmsg2=newArray("
北京"
天津"
上海"
广东"
山东"
陕西"
湖南"
湖北"
functionshowtips(){
eo=event.srcElement;
sel.length=0;
varlen=msg.length;
varre=newRegExp("
^"
+eo.value,"
i"
varj=0
for(i=0;
i<
len;
i++)if(re.test(msg[i])==true){sel.style.display='
sel.add(newOption(msg[i],msg2[i]));
j++}
sel.size=(j>
1)?
j:
2;
functionenterTips(){
e=event.keyCode;
if(sel.style.display!
='
if(e==13)event.srcElement.value=sel.value,sel.style.display='
if(e==40)sel.focus();
functionrv(){
txt.value=sel.value;
c()
functionc(){
sel.style.display='
txt.focus()
document.onclick=function(){
-//W3C//DTDHTML4.01Transitional//EN"
styletype="
text/css"
body{
font-family:
"
arial"
"
helvetica"
sans-serif"
font-size:
9pt;
margin:
0px;
scrollbar-face-color:
#efefe7;
scrollbar-highlight-color:
#ffffff;
scrollbar-3dlight-color:
#a5a5a5;
scrollbar-darkshadow-color:
scrollbar-shadow-color:
#d6d6ce;
scrollbar-arrow-color:
#003184;
scrollbar-track-color:
#deded6;
table{
line-height:
150%;
color:
#000000;
.display-tb2
border-right:
#8080801pxsolid;
border-top:
border-left:
border-bottom:
border:
cellpadding:
cellspacing:
margin-top:
2px;
border-collapse:
collapse;
div.tableContainer
overflow-x:
auto;
width:
760px;
dyn-behavior:
expression(
onscroll==null?
(onscroll=function(){
if(event.srcElement.scrollLeft==eve