JavaScript经典笔记.docx
《JavaScript经典笔记.docx》由会员分享，可在线阅读，更多相关《JavaScript经典笔记.docx（11页珍藏版）》请在冰豆网上搜索。
JavaScript经典笔记
第一章.变量与字符串
1．打印字符/字符串
document.write（ ）和document.writeln（ ）
varitalic_hippy=hippy_monkey.italics（）;
[==varitalic_hippy=""+hippy_monkey+"";]
document.writeln（italic_hippy）时，你得到的是斜体显示的字符
2
varshouting_hippy=hippy_monkey.toUpperCase（）;
hippy_monkey中所有字符以大写显示
varred_bold_tech=bold_tech.fontcolor（'red'）;
[==varred_bold_tech=""+bold_tech+"";]
所有的字符具有颜色，
你可用string.fontcolor（'newcolor'）;命令改变其颜色
varbroken_bold=bold_tech+"
";
document.writeln（broken_bold）;
[==document.writeln（bold_tech+"
"）;]
第二章．条件语句与交互事件（链接事件、图片交互）
逻辑与&&
逻辑或||
比较运算符==!
=><<=
赋值运算符=
1.条件语句[if-then-else]
varmonkey_love=prompt（"Doyoulovethemonkey?
","Typeyesorno"）;
if（monkey_love=="yes"）
{
alert（"Welcome!
I'msogladyoucame!
Please,readon!
"）;
}
2.switch函数
switch（expression）
{
caselabel1:
语句串1；
caselabel2:
语句串2；
caselabel3:
语句串3；
...
default:
语句串3；
}
3.for语句
for（初始化部分；条件部分；更新部分）
｛
执行部分...
｝
4.forin语句
for（变量in对象或数组）
｛
语句...
}
5.while语句
while（条件）
｛
执行语句...
}
6.with
with（对象名称）
{
执行语句
}
7.事件
onClick点击
onMouseOver移上
onMouseOut移出
onLoad加载
onUnload卸载
onBlur失去焦点//文本域
onFocus获得焦点//文本域
onChange变值失焦//文本域
8.图片交互
/*这就象一个标准的标签，只是它被
给了一个名字：
the_image.名字是任意取的：
my_image,a_box,....但不许有任何空格
在里面
*/
change
/*该句是说：
“找到叫'the_image'的图片并将其src变为
button_d.gif."注意整个语句使用双引号，而
'button_d.gif'使用单引号。
尽管二者可互换，但注意
如果一组引号存在于另一组引号之中，别搞混了。
你
可写成"'something'"或'"something"'，但不可
写成：
"'something"'or""something"".
*/
第三章.JavaScript中的窗口操作
1弹出一个窗口
window.open（"URL","name","features"）;
第一个参数url
第二个参数是窗口的名字。
如果你打开窗口时已有一个同名窗口打开，那么URL将把open语句送到原先已打开的窗口。
第三个参数，features，是一个窗口所具有的不同特征。
这是个可选参数，将url页面调到指定的浏览器中.
如:
window.open（"some_url","window_name","location,height=100,width=100"）;
[varnew_window=window.open（"hello.html","html_name","width=200,height=200"）;
new_window.blur（）;
Bringitforward
Putitbackward]
这将打开一个高宽各为100像素的窗口。
再次请注意别在字符串中加空格。
这里是一组可以在字符串中引用的特性参数：
resizable（重调）
当重调参数被列出，窗口将可被重调。
注意它的拼法，我就经常搞错。
directories（指示区）
toolbar=yes,显示工具条
location=yes,显示网址栏
directories=no,导航条
status=no,状态条
menubar=yes,菜单
scrollbars=yes,滚动条
resizable=no,是否可以改变大小
copyhistory=yes,历史按钮
width=300,宽
height=200'高
left=100,距离左边100
top=100,距离顶端100
如Netscape浏览器中所在的"What'snew,""What'scool,"等等。
当鼠标移动到这个链接上时，改变状态条
';">Whodowelove?
2.自动弹出/关闭窗口
方法一.
functionwinopen1（）
{
msg1=open（"test.htm","Homepage","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=no,width=160,height=200,left=200,top=100"）;
}
请将鼠标移到这里来
方法二.
--hidefromthelessfortunatebrowsersthatdon'tsupportJavascript
varpopupwindow_window=null;
functionpopupwindow（status,url）{
if（status!
=0）{
if（popupwindow!
=null）popupwindow.focus（）;
else{
varpopupwindow=open（url,"popupwindow","width=350,height=225"）;
//设置窗口大小
popupwindow_window=popupwindow;
}
}
else{
if（popupwindow_window!
=null）popupwindow_window.close（）;
}
}
//endhide-->
鼠标移到图片上，弹出新窗口，鼠标移出去，关闭窗口:
3.弹出一个框架窗口
--Hide
functionWinOpen（url）{
msg=open（url,"DisplayWindow","toolbar=yes,directories=no,menubar=no"）;
}
functionstat（txt）{
window.status=txt;
setTimeout（"erase（）",1500）;
}
functionerase（）{
window.status="";
}
//-->
参数:
url:
所调用框架网页文件名
4.弹出一个警告窗口
（1）.警告框//alert==window.alert
A.-函数调用
--Hide
functionWinOpen（url）{
alert（'这是一个警告窗口！
'）;
}
//-->
B.警告框-链接调用
'）;returntrue">
（2）.确认框//confirm==window.confirm
question=confirm（"确实要进入吗?
"）
如果question=false返回值是“取消”
（3）.输入框//prompt==window.prompt
//document.writeln（"Themonkeydances"）;
varmonkey=prompt（"What'sthemonkey'sname?
","Themonkey"）;
如果monkey=false返回值是“取消”
当它被调用时，启动一个
对话框请求用户输入信息。
用户完成后敲OK返回信息。
在上
行中返回信息放入其变量中。
如果点击“取消”，则返回NULL
注意该提示方式有两个变量，且都是字符串。
第一个在对话框
输入区上面显示，本例中它是：
“What'sthemonkey's
name?
”。
本例中第二个参数"Themonkey"，放置输入框
的缺省值。
如果你不想要缺省值，则在第二个参数加上引号，
第四章．框架间对象的调用
1操纵本表单里的文本框的数据
document.form2.textfield2.value
form2:
表单name
textfield2:
文件框name
例:
document.form2.textfield2.value=document.form1.textfield.value;
2操纵父窗口的表单里的文本框的数据
opener.document.form2.textfield2.value
例:
opener.document.form2.textfield2.value=document.form1.textfield.value
3框架网页之间的表单的文本框之间数据传递
parent.leftr.document.form2.textfield2.value
leftr:
框架的name
例:
parent.leftr.document.form2.textfield2.value=document.form1.textfield.value
4.操纵框架对象的函数
参数:
fr1:
同级框架名称
hi:
所调用框架对象页面中函数名
5.操纵同级框架对象所要载入的文件
（1）.函数调用
--Hiding
functionloadtwo（page2,page3）{
parent.fr2.location.href=page2;
parent.fr3.location.href=page3;
}
//-->
参数:
fr2、fr3:
同级框架名
page2、page3:
同级框架所要载入的文件名
（2）.页面装载
第五章.其它
一.状态栏
1.按钮调用
--Hide
functionmoveover（txt）{
window.status=txt;
setTimeout（"erase（）",1000）;
}
functionerase（）{
window.status="";
}
//-->
参数:
Txt:
状态栏欲显示的字符串
函数:
setTimeout:
是当某段设定的时间"跑"完了之後，便执行某函式
2.链接调用
二.数组（Array）
functioninitArray（）{
this.length=initArray.arguments.length
for（vari=0;ithis[i+1]=initArray.arguments[i]
}
三.前进后退
1.按钮调用
您也可以用history.go（-1）和history.go
（1）代替
2.图片链接
四.获得光标
1.函数调用
functionsetfocus（）{
document.first.text1.focus（）;
return;
}
2.页面载入
五.滚屏
--functionscrollit（）{
for（I=1;I<=500;I++）{
parent.scroll（1,I）
}}
//-->
六.热键
vartravel=true
varhotkey=104/*该值为热键的键值*/
vardestination="index.htm"/*链接文件名*/
if（document.layers）
document.captureEvents（Event.KEYPRESS）
functionbackhome（e）{
if（document.layers）{
if（e.which==hotkey&&travel）
window.location=destination
}
elseif（document.all）{
if（event.keyCode==hotkey）
window.location=destination
}
}
document.onkeypress=backhome
七.页面自动刷新
每隔10秒自动刷新一次
八.文件框的使能性（disabled）
九.复选框/单选框
属性就是：
被选中checked==true
升级会员 