锘??xml version="1.0" encoding="utf-8" standalone="yes"?>
<div style="position:absolute;top:2;left:0;width:256px;height:18px;text-align:center;font-size:13px;background:transparent"> </div>
</div>
<br><br><br><br><br><br>
<input type="button" value="start" onclick="processBar.changeMode();if(processBar.isMoving){this.value='Stop';}else{this.value='Start';}">
<script>
document.execCommand("BackgroundImageCache",false,true);
function ProcessBar(obj){
this.isMoving = false;
this.maxLength = parseInt(obj.parentNode.style.width.replace("px",""));
this.nowLength = parseInt(obj.style.width.replace("px",""));
this.moveInterval = 100;
this.moveRange = 1;
this.timer;
this.obj = obj;
ProcessBar.nowObj = this;
this.changeMode = function(){
this.isMoving = !this.isMoving;
if(this.isMoving){
this.timer = window.setInterval(ProcessBar.nowObj.moving, this.moveInterval);
}else{
window.clearInterval(this.timer);
}
}
this.moving = function(){
ProcessBar.nowObj.nowLength += ProcessBar.nowObj.moveRange;
ProcessBar.nowObj.obj.style.width = ProcessBar.nowObj.nowLength;
ProcessBar.nowObj.obj.parentNode.lastChild.firstChild.data = Math.ceil((ProcessBar.nowObj.nowLength/ProcessBar.nowObj.maxLength)*100) + "%";
if(ProcessBar.nowObj.nowLength >= ProcessBar.nowObj.maxLength){
window.clearInterval(ProcessBar.nowObj.timer);
ProcessBar.nowObj.obj.parentNode.lastChild.firstChild.data = "Complete!";
}
}
}
var processBar = new ProcessBar(proc);
</script>
]]>
function enter()
{
if(window.event.keyCode==13)
{
document.Form1.IbtnLogin.click();
}
}
</script>
(2)
onkeypress="if ((event.keyCode == 13)) event.keyCode=0;"
聽 var num_remaining = testleng - desc_el.value.length;
聽 if (num_remaining >= 0) {
聽 remainingchars_el.innerHTML = num_remaining;
聽 document.getElementById('num').style.display = "";
聽 } else {
聽 document.getElementById('num').style.display = "none";
聽 remainingchars_el.innerHTML = "瓚呭嚭鐨勫瓧鏁? " + "<font color=red>"+
聽 (-num_remaining + '') + "</font>";
聽 }
}
function isOver(sText)
聽聽聽聽聽聽聽聽聽聽聽 {
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 var intlen=sText.value.length;
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 if (intlen>testleng)
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 {
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 alert("鎻忚堪鐗瑰緛鐨勫唴瀹圭殑瀛楁暟蹇呬慨灝忎簬鎴栬呯瓑浜?"+testleng);
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 sText.focus();
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 sText.select();
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 }
聽聽聽聽聽聽聽聽聽聽聽 }
//--></SCRIPT>
</head>
<body>
<TEXTAREA id=desc onkeydown=GC_UpdateCharCount() onkeyup=GC_UpdateCharCount()聽 onblur="isOver(this);" name=desc rows=4 cols=40></TEXTAREA>
聽聽聽聽聽聽聽聽聽聽聽 <BR><table><tr><td聽 id="num">榪樺墿涓嬬殑瀛楁暟:</td><td><SPAN id=remainingchars>
聽聽聽聽聽聽聽聽聽聽聽 <SCRIPT language=javascript1.2><!--
聽聽聽聽聽聽聽聽聽聽聽聽聽 GC_UpdateCharCount();
聽聽聽聽聽聽聽聽聽聽聽聽聽 //--></SCRIPT></SPAN></td></tr></table>
</body>
</html>
this 鍏抽敭瀛楅氬父鍦ㄥ璞$殑 鏋勯犲嚱鏁頒腑浣跨敤錛岀敤鏉ュ紩鐢ㄥ璞°?/p>
紺轟緥
鍦ㄤ笅闈㈢ず渚嬩腑錛宼his 鎸囩殑鏄柊鍒涘緩鐨?Car 瀵硅薄錛屽茍緇欎笁涓睘鎬ц祴鍊箋?
function Car(color, make, model){
聽 this.color = color;
聽 this.make = make;
聽 this.model = model;
}
瀵逛簬 JScript 鐨勫鎴風(fēng)増鏈紝濡傛灉鍦ㄥ叾浠栨墍鏈夊璞$殑涓婁笅鏂囦箣澶栦嬌鐢?this錛屽垯瀹冩寚鐨勬槸 window 瀵硅薄銆?br />
綆鍗曠偣璇達(dá)紝濡傛灉鍦ㄥ嚱鏁伴噷闈紝this琛ㄧず褰撳墠鍑芥暟錛?br />
濡傛灉瑙﹀彂浜?jiǎn)浜嬩挥灱屾瘮濡俹nclick錛岄偅涔坱his琛ㄧず褰撳墠瑙﹀彂浜嬩歡鐨勫璞?br />
鎵撲釜姣斿柣璇?javascript灝卞儚sql璇彞,DHTML灝卞儚鏁版嵁搴?
鎴栬呭啀鎵撲釜閫氫織鐨勬瘮鍠?DHTML灝卞儚鏄倝鍜岃彍,javascript灝卞儚鏄攨鍜岄摬瀛?
DOM鍒嗕負(fù)DHTML Object Mode錛堝井杞爣鍑嗭級(jí)鍜孌ocument Object Mode錛圵3C鏍囧噯錛?br />
document.all.name.attribute 鏄?DHTML Object Mode 寰蔣鏍囧噯
document.getElementById(id).attribute 鏄?Document Object Mode w3c鐨勬爣鍑?br />
鍥犱負(fù)寮鍙戜腑瀹為檯鏄敤鐨勬槸寰蔣鏍囧噯,褰撶劧鏋佺鎯呭喌涓嬭繕浼?xì)鑰冭檻涓涓婩irefox鏍囧噯,浣哤3C鏍囧噯鍙緵鍙傝?鍦ㄩ潰鍚?br />
甯?jìng)鍦虹殑寮鍙戜腑,W3C鏍囧噯娌℃湁浠涔堝疄闄呬環(huán)鍊肩殑.
<input type=button value="Go Back"聽 onclick="history.back(-1)" >
</form>
鍏朵腑h(huán)istory.back(-1)浠h〃浣犺榪炴帴鍒扮殑鍓嶉潰涓寮犵綉欏點(diǎn)傚鏋滀綘瑕佸線鍚庡洖閫5欏?浣犲彲浠ヤ嬌鐢╤istory.back(-5)灝辨悶瀹氫簡(jiǎn)銆?/p>
聽
聽
瀵硅薄灞炴?br />document.title聽聽聽聽聽聽聽聽聽聽聽聽 //璁劇疆鏂囨。鏍囬絳変環(huán)浜嶩TML鐨?lt;title>鏍囩
document.bgColor聽聽聽聽聽聽聽聽聽聽 //璁劇疆欏甸潰鑳屾櫙鑹?br />document.fgColor聽聽聽聽聽聽聽聽聽聽 //璁劇疆鍓嶆櫙鑹?鏂囨湰棰滆壊)
document.linkColor聽聽聽聽聽聽聽聽 //鏈偣鍑昏繃鐨勯摼鎺ラ鑹?br />document.alinkColor聽聽聽聽聽聽聽 //嬋媧婚摼鎺?鐒︾偣鍦ㄦ閾炬帴涓?鐨勯鑹?br />document.vlinkColor聽聽聽聽聽聽聽 //宸茬偣鍑昏繃鐨勯摼鎺ラ鑹?br />document.URL聽聽聽聽聽聽聽聽聽聽聽聽聽聽 //璁劇疆URL灞炴т粠鑰屽湪鍚屼竴紿楀彛鎵撳紑鍙︿竴緗戦〉
document.fileCreatedDate聽聽 //鏂囦歡寤虹珛鏃ユ湡錛屽彧璇誨睘鎬?br />document.fileModifiedDate聽 //鏂囦歡淇敼鏃ユ湡錛屽彧璇誨睘鎬?br />document.fileSize聽聽聽聽聽聽聽聽聽 //鏂囦歡澶у皬錛屽彧璇誨睘鎬?br />document.cookie聽聽聽聽聽聽聽聽聽聽聽 //璁劇疆鍜岃鍑篶ookie
document.charset聽聽聽聽聽聽聽聽聽聽 //璁劇疆瀛楃闆?綆浣撲腑鏂?gb2312
---------------------------------------------------------------------
瀵硅薄鏂規(guī)硶
document.write()聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 //鍔ㄦ佸悜欏甸潰鍐欏叆鍐呭
document.createElement(Tag)聽聽聽聽聽聽 //鍒涘緩涓涓猦tml鏍囩瀵硅薄
document.getElementById(ID)聽聽聽聽聽聽 //鑾峰緱鎸囧畾ID鍊肩殑瀵硅薄
document.getElementsByName(Name)聽 //鑾峰緱鎸囧畾Name鍊肩殑瀵硅薄
---------------------------------------------------------------------
images闆嗗悎(欏甸潰涓殑鍥捐薄)
a)閫氳繃闆嗗悎寮曠敤
document.images聽聽聽聽聽聽聽聽聽聽聽聽 //瀵瑰簲欏甸潰涓婄殑<img>鏍囩
document.images.length聽聽聽聽聽 //瀵瑰簲欏甸潰涓?lt;img>鏍囩鐨勪釜鏁?br />document.images[0]聽聽聽聽聽聽聽聽聽 //絎?涓?lt;img>鏍囩聽聽聽聽聽聽聽聽聽聽
document.images[i]聽聽聽聽聽聽聽聽聽 //絎琲-1涓?lt;img>鏍囩
b)閫氳繃nane灞炴х洿鎺ュ紩鐢?br /><img name="oImage">
document.images.oImage聽聽聽聽聽 //document.images.name灞炴?/p>
c)寮曠敤鍥劇墖鐨剆rc灞炴?br />document.images.oImage.src聽 //document.images.name灞炴?src
d)鍒涘緩涓涓浘璞?br />var oImage
oImage = new Image()
document.images.oImage.src="/1.jpg"
鍚屾椂鍦ㄩ〉闈笂寤虹珛涓涓?lt;img>鏍囩涓庝箣瀵瑰簲灝卞彲浠ユ樉紺?/p>
<html>
<img name=oImage>
<script language="javascript">
聽聽 var oImage
聽聽 oImage = new Image()
聽聽 document.images.oImage.src="/1.jpg"
</script>
</html>
----------------------------------------------------------------------
forms闆嗗悎(欏甸潰涓殑琛ㄥ崟)
a)閫氳繃闆嗗悎寮曠敤
document.forms聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 //瀵瑰簲欏甸潰涓婄殑<form>鏍囩
document.forms.length聽聽聽聽聽聽聽聽聽 //瀵瑰簲欏甸潰涓?lt;form>鏍囩鐨勪釜鏁?br />document.forms[0]聽聽聽聽聽聽聽聽聽聽聽聽聽 //絎?涓?lt;form>鏍囩
document.forms[i]聽聽聽聽聽聽聽聽聽聽聽聽聽 //絎琲-1涓?lt;form>鏍囩
document.forms[i].length聽聽聽聽聽聽 //絎琲-1涓?lt;form>涓殑鎺т歡鏁?br />document.forms[i].elements[j]聽 //絎琲-1涓?lt;form>涓j-1涓帶浠?/p>
b)閫氳繃鏍囩name灞炴х洿鎺ュ紩鐢?br /><form name="Myform"><input name="myctrl"></form>
document.Myform.myctrl聽聽聽聽聽聽聽聽 //document.琛ㄥ崟鍚?鎺т歡鍚?/p>
-----------------------------------------------------------------------
<html>
<!--Text鎺т歡鐩稿叧Script-->
<form name="Myform">
<input type="text" name="oText">
<input type="password" name="oPswd">
<form>
<script language="javascript">
//鑾峰彇鏂囨湰瀵嗙爜妗嗙殑鍊?br />document.write(document.Myform.oText.value)
document.write(document.Myform.oPswd.value)
</script>
</html>
-----------------------------------------------------------------------
<html>
<!--Select鎺т歡鐩稿叧Script-->
<form name="Myform">
<select name="oSelect">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</form>
<script language="javascript">
聽聽 //閬嶅巻select鎺т歡鐨刼ption欏?br />聽聽 var length
聽聽 length=document.Myform.oSelect.length
聽聽 for(i=0;i<length;i++)
聽聽 document.write(document.Myform.oSelect[i].value)
</script>
<script language="javascript">
聽聽 //閬嶅巻option欏瑰茍涓斿垽鏂煇涓猳ption鏄惁琚変腑
聽聽 for(i=0;i<document.Myform.oSelect.length;i++){
聽聽 if(document.Myform.oSelect[i].selected!=true)
聽聽 document.write(document.Myform.oSelect[i].value)
聽聽 else
聽聽 document.write("<font color=red>"+document.Myform.oSelect[i].value+"</font>")聽聽
聽聽 }
</script>
<script language="javascript">
聽聽 //鏍規(guī)嵁SelectedIndex鎵撳嵃鍑洪変腑鐨刼ption
聽聽 //(0鍒癲ocument.Myform.oSelect.length-1)
聽聽 i=document.Myform.oSelect.selectedIndex
聽聽 document.write(document.Myform.oSelect[i].value)
</script>
<script language="javascript">
聽聽 //鍔ㄦ佸鍔爏elect鎺т歡鐨刼ption欏?br />聽聽 var oOption = document.createElement("OPTION");
聽聽 oOption.text="4";
聽聽 oOption.value="4";
聽聽 document.Myform.oSelect.add(oOption);
</script>
<html>
-----------------------------------------------------------------------
<Div id="oDiv">Text</Div>
document.all.oDiv聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 //寮曠敤鍥懼眰oDiv
document.all.oDiv.style聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽
document.all.oDiv.style.display=""聽聽聽聽聽 //鍥懼眰璁劇疆涓哄彲瑙?br />document.all.oDiv.style.display="none"聽 //鍥懼眰璁劇疆涓洪殣钘?br />/*document.all琛ㄧずdocument涓墍鏈夊璞$殑闆嗗悎
鍙湁ie鏀寔姝ゅ睘鎬э紝鍥犳涔熺敤鏉ュ垽鏂祻瑙堝櫒鐨勭綾?/
聽
<script>
var table_count = 0;
function doAdd(){
聽var viewTable = document.getElementById("myTable");
聽var oneTr = document.createElement("TR");
聽var oneTd = document.createElement("TD");
聽oneTd.align="center";
聽oneTd.innerHTML = "<TABLE id='bt_table_" + table_count + "'><tr><td rowspan='2' align='center'>緇忚惀鐘跺喌</td><td colspan='6' align='center'><strong>2005騫?lt;/strong></td></tr><tr><td align='center'>鍚堣</td><td width='78' align='center'>澧為暱%</td><td width='71' align='center'>鐩磋惀</td><td width='74' align='center'>澧為暱%</td><td width='73' align='center'>鍔犵洘</td><td width='72' align='center'>澧為暱%</td></tr><tr><td align='center'>钀ヤ笟棰?涓囧厓)</td><td align='center'><input name='textfield5' type='text' value='' size='5' /></td><td align='center'><input name='textfield8' type='text' value='' size='5' /></td><td align='center'><input name='textfield12' type='text' value='' size='5' /></td><td align='center'><input name='textfield14' type='text' value='' size='5' /></td><td align='center'><input name='textfield17' type='text' value='' size='5' /></td><td align='center'><input name='textfield20' type='text' value='' size='5' /></td></tr><tr><td align='center'>鍒╂鼎棰?涓囧厓)</td><td align='center'><input name='textfield6' type='text' value='' size='5' /></td><td align='center'><input name='textfield9' type='text' value='' size='5' /></td><td align='center'><input name='textfield11' type='text' value='' size='5' /></td><td align='center'><input name='textfield15' type='text' value='' size='5' /></td><td align='center'><input name='textfield18' type='text' value='' size='5' /></td><td align='center'><input name='textfield21' type='text' value='' size='5' /></td></tr><tr><td align='center'>紼?amp;nbsp; 閲?涓囧厓)</td><td align='center'><input name='textfield7' type='text' value='' size='5' /></td><td align='center'><input name='textfield10' type='text' value='' size='5' /></td><td align='center'><input name='textfield13' type='text' value='' size='5' /></td><td align='center'><input name='textfield16' type='text' value='' size='5' /></td><td align='center'><input name='textfield19' type='text' value='' size='5' /></td><td align='center'><input name='textfield22' type='text' value='' size='5' /></td></tr></TABLE>";聽
聽oneTr.appendChild(oneTd);
聽viewTable.tBodies[0].appendChild(oneTr);
聽table_count++;
聽
}
//鍒犻櫎鎸囧畾鐨勮
function doDelete()
{
聽var myTable = document.getElementById("myTable");
聽myTable.deleteRow(table_count-1);
聽table_count--;
}
</script>
</head>
<body class="main_body" >
<table id="myTable" border="1"></table>
<table width="100%" border="0" cellspacing="1" cellpadding="3"聽 align=center class="tableBorder">聽
聽
聽 <tr>
聽聽聽 <td height=25 align="right" class="Forumrow"> </td>
聽聽聽 <td height=25 class="Forumrow" colspan="3" align="right"><input type="button" name="Submit6" value="娣?鍔? onclick="doAdd()">
聽聽聽 <input type="button" name="Submit62" value="鍙?娑?聽 onclick="doDelete()">
聽聽聽 <input type="submit" name="Submit622" value="榪?鍥?> </td>
聽 </tr>
</table>