新网创想网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
给你举个例子吧
韶关网站建设公司成都创新互联,韶关网站设计制作,有大型网站制作公司丰富经验。已为韶关上千余家提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱,请找那个售后服务好的韶关做网站的公司定做!
//首先你要明白一点,这段程序是从上至下开始执行的,如果直接用
"="给变量赋值的话,就是将一个值覆盖变量原来的值,如下
var a=1;//声明变量并赋值为1,此时a代表1
a=2;//重新赋值为2,此时a代表2
a=a+1;//重新赋值为(a+1),需要说明一点在将a+1赋予a之前,a=2,所
以a=a+1其实是a=2+1,即此时a的值为3
另外Js中给变量赋值还有+=、-=、++、--
因为html标记之间有空格和换行的话,那么它的第一个孩子的为:text类型。假设
div
ul
li/li
li/li
/ul
/div
那么div的第一个孩子的标记名字为:#text;而不是UL
补充:
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); // 选中当前月
oDsel[(curDate.getDate() - 1)].setAttribute('selected', true); // 选中当前日期
}
// 事件响应
function doClick62() {
var oMsel = document.getElementById('msel'),
oDsel = document.getElementById('dsel');
var curDate = new Date(), // 当前日期
birDate = new Date(curDate.getYear(), oMsel[oMsel.selectedIndex].value, oDsel[oDsel.selectedIndex].value); // 创建当年生日日期;
// new Date()函数会自动根据溢出得到下一个日期,比如4月31日会溢出为5月1日;
// 生日月小于当前月 或 (生日月等于当前月 且 生日小于当前日) - 下个生日的年份加一
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()}); // 输出函数
}
// 输出
function doOutput(args){
var oYname = document.getElementById('yname'),
oSn = document.getElementById('season'),
oDs = document.getElementById('days'),
season;
// 季节按照中国的算,有区别的修改下月份判断
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(), // 当前日期
birDate = new Date(curDate.getYear(), birArr[0] - 1, birArr[1]); // 创建当年生日日期;
// 生日月小于当前月 或 (生日月等于当前月 且 生日小于当前日) - 下个生日的年份加一
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获取..事件目标...
evt.style.color = '#FF0000';
}
/script
div onClick="hanshu()" style="color:#993399;"
点我能改变我的颜色
/div
利用一个事件传进去.
还有.就是4楼说的那种..一开始让this指向div..同调用函数的时候...再出现的this同样会指向window...换一个名字就行了..
script
function hanshu(element){
element.style.color = '#FF0000';
}
/script
div onClick="hanshu(this)" style="color:#993399;"
点我能改变我的颜色
/div
象什么情况呢..
再说一种this不指向window的时候吧...
比如...
script
window.onload=function(){ //匿名函数...加载完后才开始解析...
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"