-
現(xiàn)實(shí)鼠標(biāo)經(jīng)過"確定"按鈕時(shí)，觸發(fā)onmouseover事件，
調(diào)用函數(shù)info()，彈出消息框，代碼如下:
運(yùn)行結(jié)果:
查看全部 -
現(xiàn)實(shí)鼠標(biāo)經(jīng)過"確定"按鈕時(shí)，觸發(fā)onmouseover事件，
調(diào)用函數(shù)info()，彈出消息框，代碼如下:
運(yùn)行結(jié)果:
查看全部 -
單擊按鈕時(shí)，觸發(fā)?onclick?事件，并調(diào)用兩個(gè)數(shù)和的函數(shù)add2()。
代碼如下：
<html>
<head>
? ?<script type="text/javascript">
? ? ? function add2(){
? ? ? ? var numa,numb,sum;
? ? ? ? numa=6;
? ? ? ? numb=8;
? ? ? ? sum=numa+numb;
? ? ? ? document.write("兩數(shù)和為:"+sum); ?}
? ?</script>
</head>
<body>
? <form>
? ? ?<input name="button" type="button" value="點(diǎn)擊提交" onclick="add2()" />
? </form>
</body>
</html>
查看全部 -
JavaScript?創(chuàng)建動(dòng)態(tài)頁面。
事件是可以被 JavaScript 偵測到的行為。 網(wǎng)頁中的每個(gè)元素都可以產(chǎn)生某些可以觸發(fā) JavaScript 函數(shù)或程序的事件。
比如說，當(dāng)用戶單擊按鈕或者提交表單數(shù)據(jù)時(shí)，就發(fā)生一個(gè)鼠標(biāo)單擊（onclick）事件，需要瀏覽器做出處理，返回給用戶一個(gè)結(jié)果。
主要事件表:
查看全部 -
JavaScript?創(chuàng)建動(dòng)態(tài)頁面。
事件是可以被 JavaScript 偵測到的行為。 網(wǎng)頁中的每個(gè)元素都可以產(chǎn)生某些可以觸發(fā) JavaScript 函數(shù)或程序的事件。
比如說，當(dāng)用戶單擊按鈕或者提交表單數(shù)據(jù)時(shí)，就發(fā)生一個(gè)鼠標(biāo)單擊（onclick）事件，需要瀏覽器做出處理，返回給用戶一個(gè)結(jié)果。
主要事件表:
查看全部 -
我們只要把"document.write(sum)"這行改成如下代碼：
function add2(x,y)
{
? sum = x + y; ?? return sum; //返回函數(shù)值,return后面的值叫做返回值。}
還可以通過變量存儲(chǔ)調(diào)用函數(shù)的返回值，代碼如下:
result = add2(3,4);//語句執(zhí)行后,result變量中的值為7。
注意:函數(shù)中參數(shù)和返回值不只是數(shù)字，還可以是字符串等其它類型。?
查看全部 -
定義函數(shù)還可以如下格式：
function 函數(shù)名(參數(shù)1,參數(shù)2)
{
? ? 函數(shù)代碼
}注意:參數(shù)可以多個(gè)，根據(jù)需要增減參數(shù)個(gè)數(shù)。參數(shù)之間用(逗號(hào)，）隔開。
按照這個(gè)格式，函數(shù)實(shí)現(xiàn)任意兩個(gè)數(shù)的和應(yīng)該寫成：
function add2(x,y)
{
? sum = x + y;
? document.write(sum);
}查看全部 -
如何定義一個(gè)函數(shù)呢？看看下面的格式：
function ?函數(shù)名( ){
? ? 函數(shù)體;
}例子：
<script type="text/javascript">
?function add2(){
? ?sum = 3 + 2;
? ?alert(sum);
?} ?add2();</script>查看全部 -
函數(shù)的作用，可以寫一次代碼，然后反復(fù)地重用這個(gè)代碼。
查看全部 -
操作符優(yōu)先級(jí)：算術(shù)<比較<邏輯<賦值
實(shí)例（一）：
var?numa=2,numb=3,jq1; jq1=numa?+?30?>10?&&?numb?*?3<20; alert(jq1);
//結(jié)果為：true
（根據(jù)順序依次處理步驟）
1.處理算術(shù)操作符：（+、*）
(1)先處理numb*3 ? ? ? ? ? ?//結(jié)果 6
(2)再處理numb+30 ? ? ? ?//結(jié)果 32
2.處理比較運(yùn)算符：（<、>）
(1)處理 32>10 ? ? ? ? ? ? ?//結(jié)果 true
(2)處理 6<20 ? ? ? ? ? ? ? //結(jié)果 true
3.處理邏輯運(yùn)算符：&&
(1)處理true && true ? ? ? //結(jié)果為true
查看全部 -
不錯(cuò)，活學(xué)活用document.xx.xx=function(){xxx;}
查看全部 -
go（）
1代表向后一個(gè)頁面，相當(dāng)于forward（）
-1代表向前一個(gè)頁面，相當(dāng)于back（）
查看全部 -
新手寫的代碼，用定時(shí)器設(shè)置ID 然后傳遞參數(shù)的辦法 刪除tr標(biāo)簽
<!DOCTYPE html>
<html>
?<head>
? <title> new document </title> ?
? <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>? ?
? <script type="text/javascript">?
? ? ? window.onload = function(){
?? ? ? ? ? ? ? ? ?
?? ? // 鼠標(biāo)移動(dòng)改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。
?? ? ? ?
? ? ? ? var table=document.getElementById('table');
? ? ? ? var tablebody = table.firstElementChild;
? ? ? ? var tablebodytr =? tablebody.children; //get tr elements of tables?
? ? ? ? for (i=1;i<tablebodytr.length;i++) {
? ? ? ? ? tablebodytr[i].setAttribute("onmouseover","this.style.backgroundColor='red'");
? ? ? ? ? tablebodytr[i].setAttribute("onmouseout","this.style.backgroundColor=''");
? ? ? ? }
}
?
? ? //creat tables
? ? function createRows_tables() {
? ? ? var table=document.getElementById('table');
? ? ? var tablebody = table.firstElementChild;
? ? ? var tablebodytr =? tablebody.children; //get tr elements of tables?
? ? ? haskell = document.createElement('tr');
? ? ? haskell.setAttribute("onmouseout","this.style.backgroundColor=''");
? ? ? haskell.setAttribute("onmouseover","this.style.backgroundColor='red'");
? ? ? haskell.innerHTML="<td><input type='text' ></td><td><input type='text' ></td><td><a href='javascript:delterTr();' >刪除</a></td>"
? ? ? tablebody.appendChild(haskell)
? ? ? console.log(table.lastElementChild)
? ? }
?? ? // 創(chuàng)建刪除函數(shù)
? ? function delterTr(a) {
? ? ? var table=document.getElementById('table');
? ? ? var tablebody = table.firstElementChild;
? ? ? var tablebodytr =? tablebody.children; //get tr elements of tables?
? ? ? tablebodytr[a].remove()
? ? }
?? ?
?? ?
? ? function biaoji() {
? ? ? //for tables creats id? give remove() argements?
? ? ? var table=document.getElementById('table');
? ? ? var tablebody = table.firstElementChild;
? ? ? var tablebodytr =? tablebody.children; //get tr elements of tables?
? ? ? for (i=1;i<tablebodytr.length;i++) {
? ? ? ? tablebodytr[i].setAttribute("tableid",i);
? ? ? ? tablebodytr[i].lastElementChild.lastElementChild.setAttribute("href",'javascript:delterTr('+i+')');
? ? ? ? console.log(tablebodytr[i].lastElementChild.lastElementChild)
? ? ? }
?? ? ?
?? ? ?
? ? ? console.log(i)
?? ? ?
? ? }
setInterval(biaoji,1000); ?
? </script>?
?</head>?
?<body>?
? <table border="1" width="50%" id="table">
? <tr? id='1'>
<th>學(xué)號(hào)</th>
<th>姓名</th>
<th>操作</th>
? </tr> ?
? <tr? id='2' >
<td>xh001</td>
<td>王小明</td>
<td><a href="javascript:;" >刪除</a></td> ? <!--在刪除按鈕上添加點(diǎn)擊事件? -->
? </tr>
? <tr>
<td>xh002</td>
<td>劉小芳</td>
<td><a href="javascript:);" >刪除</a></td> ? <!--在刪除按鈕上添加點(diǎn)擊事件? -->
? </tr> ?
? ? <tr >
? ? <td>xh003</td>
? ? <td>劉小啊</td>
? ? <td><a href="javascript:;" >刪除</a></td> ? <!--在刪除按鈕上添加點(diǎn)擊事件? -->
? ? </tr> ?
? </table>
? ? <br>
? <input type="button" value="添加一行" onclick="createRows_tables()" /> ? <!--在添加按鈕上添加點(diǎn)擊事件? -->
?
? ? tablebodytr[i].setAttribute("onclick","this.remove()");
? </body>
??
??
</html>
查看全部 -
網(wǎng)頁尺寸
clientHeight
scrollHeight
offsetHeight = clientHeight +滾動(dòng)條 +邊框
二、瀏覽器兼容性
var?w=?document.documentElement.offsetWidth ????||?document.body.offsetWidth; var?h=?document.documentElement.offsetHeight ????||?document.body.offsetHeight;
查看全部 -
測試正確，非常好懂??！
<!DOCTYPE? HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系好安全帶,準(zhǔn)備啟航</title>
<script type="text/javascript">
? //通過javascript的日期對象來得到當(dāng)前的日期，并輸出。
??
? var weekday=["星期一","星期二","星期三","星期四","星期五","星期六","星期日",]
? var date=new Date();
? var year=date.getFullYear();
? var month=date.getMonth();
? var mydate=date.getDate();
? var num= date.getDay();
//? ?document.write(year+"年"+month+"月"+mydate+"日"+"? "+weekday[num]);
? //成績是一長竄的字符串不好處理，找規(guī)律后分割放到數(shù)組里更好操作哦
? var scoreStr = "小明:87;小花:81;小紅:97;小天:76;小張:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
var a= scoreStr.split(";");
var score=[];
for(i=0;i<a.length;i++){
? ? score[i]=a[i].split(":");
}
// document.write(score+"<br/>");
//? document.write(score[0][1]);
var sum=0;
? //從數(shù)組中將成績撮出來，然后求和取整，并輸出。
?for(j=0;j<score.length;j++){
? ? sum=sum+parseInt(score[j][1]);
?}
?var n=score.length;
?re=sum/n;
document.write(year+"年"+month+"月"+mydate+"日"+"? "+weekday[num]+"--班級(jí)總分為："+re);
</script>
</head>
<body>
</body>
</html>
查看全部 -
創(chuàng)建文本節(jié)點(diǎn)createTextNode
對每句代碼的意義作用做了下注釋，理解對不對，兄弟們看下
<script type="text/javascript">
var newp = document.createElement("p");????????//建個(gè)p
newp.className = "message";????????//加class樣式
var textNode = document.createTextNode("I love JavaScript");????????//建個(gè)文本類型節(jié)點(diǎn)(textNode)并寫上內(nèi)容
newp.appendChild(textNode);????????//把這個(gè)節(jié)點(diǎn)(textNode)插入建的p里
document.body.appendChild(newp);????????//在body上加上這個(gè)p
</script>
查看全部 -
想要使用sort函數(shù)對數(shù)組排序
則必須要使用一個(gè)排序函數(shù)
<script type="text/javascript">
?function sortNum(a,b) {
?return a - b;??
//升序//降序則是b-a
}
var myarr = new Array("80","16","50","6","100","1");
?document.write(myarr.sort(sortNum));
</script>查看全部
舉報(bào)