Javascript的編程

我先簡寫一個HTML文件：

創(chuàng)新互聯(lián)致力于成都做網(wǎng)站、網(wǎng)站建設(shè),成都網(wǎng)站設(shè)計,集團網(wǎng)站建設(shè)等服務(wù)標(biāo)準(zhǔn)化，推過標(biāo)準(zhǔn)化降低中小企業(yè)的建站的成本，并持續(xù)提升建站的定制化服務(wù)水平進(jìn)行質(zhì)量交付，讓企業(yè)網(wǎng)站從市場競爭中脫穎而出。 選擇創(chuàng)新互聯(lián)，就選擇了安全、穩(wěn)定、美觀的網(wǎng)站建設(shè)服務(wù)！

body

div id="div1"/div

/body

有了這個文件，我們就開始寫Javascript了。

Javascript必須寫在script內(nèi)部（我是說寫在HTML文件之中時），就像CSS要寫在style內(nèi)部一樣。

首先。我們要知道自己要干什么。比如說，我要讓那個DIV的寬度變?yōu)?00像素，高度也變成100像素，背景變成紅的。我們要這樣寫：

body

div id="div1"/div

script

document.getElementById('div1').style.width='100px';

document.getElementById('div1').style.height='100px';

document.getElementById('div1').style.background='red';

/script

/body

這樣就寫好了。

document.getElementById('div1')意思是說在文檔中選出id為div1的那個元素

document.getElementById('div1').style.width='100px';它的完整意思可以這么理解：

在文檔中選出id為div1的那個元素，讓這個元素的樣式（style）的寬(width)變?yōu)?00px；

以下兩句類似。

這是JS中最簡單的編程思路了。

不知道這么說，是不是回答了你的提問！！！

javascript代碼解釋

script language="javascript"

!--

function visible(color,i)

{

if (i==0)

cursor.filters.alpha.opacity=100; //這行代碼是個這個對象加上透明度

else

cursor.filters.alpha.opacity=30;

}

//--

script

table border="0"cellpadding = "0"cellspacing= "0" //這行代碼是定義表格

tr

td align = "center" bgcolor="#ccccccc" //這行代碼是給td加背景顏色和文字居中

img src="Temp.jpg"border ="0" style="filter:alpha(opacity=100)" onmouseover="visible(this,1)"

onmouseout="visible(this,0)"width ="148" higth="121" //這行代碼是調(diào)用上面js的函數(shù)

/td

javascript詳解

1.為對象的自定義屬性，即往window對象添加$和getMouseCoords兩個函數(shù)，isIE一個屬性

由于這3個都是聲明在函數(shù)外，所以調(diào)用時 和 使用var 沒有區(qū)別

用window.代表是全局的，var 則要根據(jù)使用的地方來決定其有效范圍

2.簡寫的if語法 (obj)?true:false 或 (bool)?true:false 括號可以省略

即if(obj!=null) { return "問號后面的值" } else { return "冒號后面的值" }

或if(bool == true){同上}else{}

這里嵌套了兩層

if(document.getElementById == null){ //判斷當(dāng)前瀏覽器是否支持getElementById

return document.getElementById(obj)

} else {

if (document.all == null) { //判斷當(dāng)前瀏覽器是否支持document.all

return document.all[obj]

}else{

return obj

}

}

3.同上判斷是否存在參數(shù)a，不存在的話 為a賦值，"!"表示取反

if (!(a != null)) {//即a不存在時，這里a指onmousedown觸發(fā)時的 鼠標(biāo)參數(shù)（坐標(biāo)等）

a=window.event;//event代表事件的狀態(tài)，包括鼠標(biāo)、鍵盤的參數(shù)

}

layerX 鼠標(biāo)以事件觸發(fā)元素內(nèi)界的左上角橫坐標(biāo)，layerY為縱坐標(biāo)

如單擊按鈕時，鼠標(biāo)相對該按鈕左上角橫坐標(biāo)的像素值

JavaScript代碼解釋

function whichElement(e) //參數(shù)e為瀏覽器生成的事件對象，ie和firefox的對象不一樣

{

var targ //定義局部變量targ，用以存儲html的標(biāo)簽元素（即target）

if (!e) var e = window.event //如果參數(shù)e未定義（即為undefined）,設(shè)置e為window.event

if (e.target) targ = e.target //如果e有屬性target，設(shè)置targ為e.target

else if (e.srcElement) targ = e.srcElement //否則如果e有屬性srcElement，設(shè)置targ為e.srcElementif (targ.nodeType == 3) // defeat Safari bug

targ = targ.parentNode //當(dāng)targ.nodeType == 3,設(shè)置targ為它的上一級標(biāo)簽

var tname

tname=targ.tagName //設(shè)置tname為targ對象（即標(biāo)簽）的標(biāo)簽名

alert("You clicked on a " + tname + " element.") //彈出提示框顯示標(biāo)簽名

}

javascript詳細(xì)注解//幫幫我寫上哈

html

head

title表單數(shù)據(jù)驗證/title

script

function checknumber(){ //定義一個函數(shù)，函數(shù)名為checknumber，用來驗證輸入

if(userform.acctno.value==""||userform.cname.value==""){ //判斷輸入控件accton和cname是否有輸入數(shù)據(jù)，假如兩個控件的值都為空

alert("賬號或姓名沒有填寫！"); //則彈出對話框：“帳號或姓名沒有填寫”

return false; //返回值為false

}

else{

if (isnumeric(userform.acctno.value)) //判斷輸入空間acctno錄入的值是否為數(shù)字

return false;

else{

alert("請輸入有效的賬號！");

return false;

}

}

}

function isnumeric(str){ //定義一個函數(shù)isnumeric，用來判斷字符串是否為數(shù)字組成

for (var i=0;istr.length;i++){ //循環(huán)遍歷字符串，從第一個下標(biāo)開始循環(huán)到字符串長度為止

var ch=str.substring(i,i+1); //定義變量ch用于存儲循環(huán)中下標(biāo)到下標(biāo)+1的值（即獲取字符串中每個字符的值）

if(ch"0"||ch"9"||str.length==null) //判斷字符是否是數(shù)字（符合此條件則不是數(shù)字）

return false;

}

return true; //不符合上述條件則是數(shù)字

}

/script

/head

body

form method="get"action=""name="userform" onsubmit="return checknumber()" //這個代碼里的onsubmit="return checknumber()"是什么意思 這句的意思是當(dāng)表單提交的時候獲取checknumber()里面的返回值

p賬號；input type="text" name="acctno" size="16"

p姓名；input type="text" name="cname" size="10"

p input type="submit" value="提交"

input type="reset" value="重填"

/form

/body

/html

javascript解釋

menubar=no, 是否顯示菜單欄

location=no, 是否顯示地址欄

scrollbars=no, 是否顯示滾動條

status=no 是否顯示狀態(tài)欄

以上屬性，yes 表示顯示，no 表示不顯示，也可以用1代替yes，用0代替no

除此，還有以下屬性可以設(shè)置：

directories 是否有目錄按鈕

toolbar 是否顯示工具欄

resizable 是否可以改變大小

文章題目：javascript解寫,javascript解構(gòu)
本文地址：http://chinadenli.net/article15/dsgphgi.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、定制開發(fā)、小程序開發(fā)、軟件開發(fā)、移動網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)