Html 实例Word格式文档下载.docx

上传人:b****4 文档编号:16728528 上传时间:2022-11-25 格式:DOCX 页数:49 大小:28.33KB
下载 相关 举报
Html 实例Word格式文档下载.docx_第1页
第1页 / 共49页
Html 实例Word格式文档下载.docx_第2页
第2页 / 共49页
Html 实例Word格式文档下载.docx_第3页
第3页 / 共49页
Html 实例Word格式文档下载.docx_第4页
第4页 / 共49页
Html 实例Word格式文档下载.docx_第5页
第5页 / 共49页
点击查看更多>>
下载资源
资源描述

Html 实例Word格式文档下载.docx

《Html 实例Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《Html 实例Word格式文档下载.docx(49页珍藏版)》请在冰豆网上搜索。

Html 实例Word格式文档下载.docx

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

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 考试认证 > 交规考试

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1