javascript在記事本一體化開發實例(初級)

一;在記事本中的開發,javascript標籤必須保證在瀏覽器讀完整個文件後運行,纔會有效,一般把javascript標籤寫在最後,如果要使用老師常用的方式,需在head標籤中加入javascript標籤,在該標籤中加入如下代碼:

window。onload=function(){

/*操作的代碼*/

}


二:實例:javascript在記事本中的應用:

<html>
<head></head>
姓名:<input type="text" id="text" value="jf"><br/>
<input type="radio" id="sex" name="sex" value="男" checked="selected">男:
<input type="radio" id="sex1" name="sex" value="女">女:
<select id="select">
<option value="10">十歲</option>
<option value="20">二十歲</option>
<option value="30">三十歲</option>
</select>
<table id="table">
<tr id="tr"><td id="td1"></td><td id="td2"></td><td id="td3"></td></tr>
</table>
<button id="button">確定</button>
<script language="javascript">
var text=document.getElementById("text");
text.onclick=function(){
this.value="";
}
var sex=document.getElementById("sex");
var sex1=document.getElementById("sex1");
var select=document.getElementById("select");
var button=document.getElementById("button");
var table=document.getElementById("table");
var tr=document.getElementById("tr");
var td1=document.getElementById("td1");
var td2=document.getElementById("td2");
var td3=document.getElementById("td3");
button.onclick=function(){
alert("hello world");
var textvalue=text.value;
var sexvalue=sex.value;
var age=select.value;
td1.innerHTML=textvalue;
td2.innerHTML=sex1.checked?sex1.value:sex.value;
td3.innerHTML=age;
tr.appendChild(td1);
tr.appendChild(td2);
tr.appendChild(td3);
table.appendChild(tr);
}
</script>

<html>

三:在myeclipse的html,jsp中也可以運行此代碼,有興趣的同學可以試試;


未完待續。。。。。。

var but=document.getElementById("but");
var tb=document.getElementById("tb");
but.onclick=function(){

var uname=document.getElementById("uname");
var c=uname.value;
uname.value="";
var td=document.createElement("td");
var tr=document.createElement("tr");
td.innerHTML=c;
tr.appendChild(td);
tb.appendChild(tr);


}
var but=document.getElementById("but");
var tb=document.getElementById("tb");
but.onclick=function(){

var uname=document.getElementById("uname");
var c=uname.value;
uname.value="";
var td=document.createElement("td");
var tr=document.createElement("tr");
td.innerHTML=c;
tr.appendChild(td);
tb.appendChild(tr);


}


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章