給你舉個例子吧
韶關(guān)網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),韶關(guān)網(wǎng)站設(shè)計制作,有大型網(wǎng)站制作公司豐富經(jīng)驗。已為韶關(guān)上千余家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢,請找那個售后服務(wù)好的韶關(guān)做網(wǎng)站的公司定做!
//首先你要明白一點(diǎn),這段程序是從上至下開始執(zhí)行的,如果直接用
"="給變量賦值的話,就是將一個值覆蓋變量原來的值,如下
var a=1;//聲明變量并賦值為1,此時a代表1
a=2;//重新賦值為2,此時a代表2
a=a+1;//重新賦值為(a+1),需要說明一點(diǎn)在將a+1賦予a之前,a=2,所
以a=a+1其實是a=2+1,即此時a的值為3
另外Js中給變量賦值還有+=、-=、++、--
因為html標(biāo)記之間有空格和換行的話,那么它的第一個孩子的為:text類型。假設(shè)
div
ul
li/li
li/li
/ul
/div
那么div的第一個孩子的標(biāo)記名字為:#text;而不是UL
補(bǔ)充:
script
// 判斷生日日期
var _month = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'Septemper', 'October', 'November', 'December'];
var _season = ['Spring', 'Summer', 'Autumn', 'Winter'];
// 初始化選擇器
function init6() {
var curDate = new Date(),
oMsel = document.getElementById('msel'),
oDsel = document.getElementById('dsel');
// 添加月份
if (oMsel.length == 0) {
for (var i = 0; i 12; i ++) {
var oOpt = document.createElement('option');
oOpt.value = i;
oOpt.innerHTML = _month[i];
oMsel.appendChild(oOpt);
}
}
// 添加日期
if (oDsel.length == 0) {
for (var i = 1; i = 31; i++) {
var oOpt = document.createElement('option');
oOpt.value = i;
oOpt.innerHTML = i;
oDsel.appendChild(oOpt);
}
}
oMsel[curDate.getMonth()].setAttribute('selected', true); // 選中當(dāng)前月
oDsel[(curDate.getDate() - 1)].setAttribute('selected', true); // 選中當(dāng)前日期
}
// 事件響應(yīng)
function doClick62() {
var oMsel = document.getElementById('msel'),
oDsel = document.getElementById('dsel');
var curDate = new Date(), // 當(dāng)前日期
birDate = new Date(curDate.getYear(), oMsel[oMsel.selectedIndex].value, oDsel[oDsel.selectedIndex].value); // 創(chuàng)建當(dāng)年生日日期;
// new Date()函數(shù)會自動根據(jù)溢出得到下一個日期,比如4月31日會溢出為5月1日;
// 生日月小于當(dāng)前月 或 (生日月等于當(dāng)前月 且 生日小于當(dāng)前日) - 下個生日的年份加一
if ((birDate.getMonth() curDate.getMonth()) ||
((birDate.getMonth() == curDate.getMonth()) (birDate.getDate() curDate.getDate()))) {
birDate.setYear(birDate.getYear() + 1);
}
var days = Math.ceil((birDate - curDate) / (1000 * 60 * 60 * 24)); // 計算出日期
doOutput({d : days, mIn : birDate.getMonth(), dIn : birDate.getDate()}); // 輸出函數(shù)
}
// 輸出
function doOutput(args){
var oYname = document.getElementById('yname'),
oSn = document.getElementById('season'),
oDs = document.getElementById('days'),
season;
// 季節(jié)按照中國的算,有區(qū)別的修改下月份判斷
if (args.mIn = 1 args.mIn = 3) { // 2月初到5月初為春季
season = _season[0];
} else if (args.mIn = 4 args.mIn = 6) { // 5月到7月
season = _season[1];
} else if (args.mIn = 7 args.mIn = 9) { // 8月到10月
season = _season[2];
} else { // 11月到次年1月
season = _season[3];
}
oSn.value = oYname.value + '\'s birthday is on ' + _month[args.mIn] + ' ' + args.dIn + ' and it is in the ' + season;
oDs.value = args.d + ' more days till ' + oYname.value + '\'s next birthday!';
}
window.onlad = init6;
/script
INPUTbr
Enter your name in the box:br
input type="text" name="yname" value="lauren"br
Enter your birth month:br
select name="msel" style="width:160px;" size="3"/selectbr
Enter your birth day date:br
select name="dsel" style="width:160px;"/selectbr
input type="button" value=" submit " onclick="doClick62()"
input type="button" value=" reset " onclick="init6()"br
OUTPUTbr
input type="text" name="season" style="width:460px;"br
input type="text" name="days" style="width:460px;"
----------------------
script
// 沒有判斷輸入字符正確性
function doClick6() {
var o = document.getElementById('birthday'),
birArr = o.value.split(/\/|-/), // 以 / 或 - 分割日期字符串
curDate = new Date(), // 當(dāng)前日期
birDate = new Date(curDate.getYear(), birArr[0] - 1, birArr[1]); // 創(chuàng)建當(dāng)年生日日期;
// 生日月小于當(dāng)前月 或 (生日月等于當(dāng)前月 且 生日小于當(dāng)前日) - 下個生日的年份加一
if ((birDate.getMonth() curDate.getMonth()) ||
((birDate.getMonth() == curDate.getMonth()) (birDate.getDate() curDate.getDate()))) {
birDate.setYear(birDate.getYear() + 1);
}
var days = (birDate - curDate) / (1000 * 60 * 60 * 24);
alert(days);
alert(Math.ceil(days));
}
/script
input type="text" name="birthday" value="4-10"
input type="button" value=" show " onclick="doClick6()"
寫錯了吧...
script
function hanshu(evt){
if(evt)
evt=evt.target;//非IE獲取
else
evt=window.event.srcElement;//IE獲取..事件目標(biāo)...
evt.style.color = '#FF0000';
}
/script
div onClick="hanshu()" style="color:#993399;"
點(diǎn)我能改變我的顏色
/div
利用一個事件傳進(jìn)去.
還有.就是4樓說的那種..一開始讓this指向div..同調(diào)用函數(shù)的時候...再出現(xiàn)的this同樣會指向window...換一個名字就行了..
script
function hanshu(element){
element.style.color = '#FF0000';
}
/script
div onClick="hanshu(this)" style="color:#993399;"
點(diǎn)我能改變我的顏色
/div
象什么情況呢..
再說一種this不指向window的時候吧...
比如...
script
window.onload=function(){ //匿名函數(shù)...加載完后才開始解析...
document.getElementsByTagName("div")[0].onclick=g_color;
}
function g_color(){
this.style.color="#ff0099";
}
/script
body
div 改變我的顏色/div
/body
這個時候this就指向div了...因為它上面的對象是從div這個對象傳過去的...
document.write('tr bgcolor="'+bg+'"');其中bg是變量,輸出tr bgcolor="bg變量的值"
document.write('tr bgcolor="bg"');其中bg是字符串,輸出tr bgcolor="bg"
而bgcolor沒有bg這個值(第二行),必須是個合法顏色值,如blue,在第一行的寫法中,我們只需要將bg="blue"寫在document.write之前,那么就會輸出tr bgcolor="blue"