一;在記事本中的開發,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);
}