Javascript常用函数及基本教材集合Word格式.docx
《Javascript常用函数及基本教材集合Word格式.docx》由会员分享,可在线阅读,更多相关《Javascript常用函数及基本教材集合Word格式.docx(41页珍藏版)》请在冰豆网上搜索。
![Javascript常用函数及基本教材集合Word格式.docx](https://file1.bdocx.com/fileroot1/2023-1/29/e4648a73-bc63-4868-b7fa-ecc29b6e89f9/e4648a73-bc63-4868-b7fa-ecc29b6e89f91.gif)
=,<
.<
=
13.JS中声明变量使用:
var来进行声明
14.JS中的判断语句结构:
if(condition){}else{}
15.JS中的循环结构:
for([initialexpression];
[condition];
[upadteexpression]){insideloop}
16.循环中止的命令是:
break
17.JS中的函数定义:
functionfunctionName([parameter],…){statement[s]}
18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.
19.窗口:
打开窗口window.open(),关闭一个窗口:
window.close(),窗口本身:
self
20.状态栏的设置:
window.status="
字符"
;
21.弹出提示信息:
window.alert("
22.弹出确认框:
window.confirm();
23.弹出输入提示框:
window.prompt();
24.指定当前显示链接的位置:
window.location.href="
URL"
25.取出窗体中的所有表单的数量:
document.forms.length
26.关闭文档的输出流:
document.close();
27.字符串追加连接符:
=
28.创建一个文档元素:
document.createElement(),document.createTextNode()
29.得到元素的方法:
document.getElementById()
30.设置表单中所有文本型的成员的值为空:
varform=window.document.forms[0]
for(vari=0;
i<
form.elements.length;
i){
if(form.elements.type=="
text"
){
form.elements.value="
}
31.复选按钮在JS中判断是否选中:
document.forms[0].checkThis.checked
(checked属性代表为是否选中返回TRUE或FALSE)
32.单选按钮组(单选按钮的名称必须相同):
取单选按钮组的长度document.forms[0].groupName.length
33.单选按钮组判断是否被选中也是用checked.
34.下拉列表框的值:
document.forms[0].selectName.options[n].value
(n有时用下拉列表框名称加上.selectedIndex来确定被选中的值)
35.字符串的定义:
varmyString=newString("
Thisislightsword"
36.字符串转成大写:
string.toUpperCase();
字符串转成小写:
string.toLowerCase();
37.返回字符串2在字符串1中出现的位置:
String1.indexOf("
String2"
)!
=-1则说明没找到.
38.取字符串中指定位置的一个字符:
StringA.charAt(9);
39.取出字符串中指定起点和终点的子字符串:
stringA.substring(2,6);
40.数学函数:
Math.PI(返回圆周率),Math.SQRT2(返回开方),Math.max(value1,value2)返回两个数中的
最在值,Math.pow(value1,10)返回value1的十次方,Math.round(value1)四舍五入函数,
Math.floor(Math.random()*(n1))返回随机数
41.定义日期型变量:
vartoday=newDate();
42.日期函数列表:
dateObj.getTime()得到时间,dateObj.getYear()得到年份,dateObj.getFullYear()得到四位的年份,
dateObj.getMonth()得到月份,dateObj.getDate()得到日,dateObj.getDay()得到日期几,
dateObj.getHours()得到小时,dateObj.getMinutes()得到分,dateObj.getSeconds()得到秒,
dateObj.setTime(value)设置时间,dateObj.setYear(val)设置年,
dateObj.setMonth(val)设置月,dateObj.setDate(val)设置日,
dateObj.setDay(val)设置星期几,dateObj.setHours设置小时,dateObj.setMinutes(val)设置分,
dateObj.setSeconds(val)设置秒[注意:
此日期时间从0开始计]
43.FRAME的表示方式:
[window.]frames[n].ObjFuncVarName,frames["
frameName"
].ObjFuncVarName,frameName.ObjFuncVarName
44.parent代表父亲对象,top代表最顶端对象
45.打开子窗口的父窗口为:
opener
46.表示当前所属的位置:
this
47.当在超链接中调用JS函数时用:
(javascript:
)来开头后面加函数名
48.在老的浏览器中不执行此JS:
<
!
–//–>
49.引用一个文件式的JS:
scripttype="
text/javascript"
src="
aaa.js"
>
/script>
50.指定在不支持脚本的浏览器显示的HTML:
noscript>
/noscript>
51.当超链和onCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.
例:
ahref="
a.html"
onclick="
location.href='
b.html'
returnfalse"
dfsadf<
/a>
52.JS的内建对象有:
Array,Boolean,Date,Error,EvalError,
Function,Math,Number,Object,RangeError,ReferenceError,
RegExp,String,SyntaxError,TypeError,URIError
53.JS中的换行:
\n
54.窗口全屏大小:
script>
functionfullScreen(){this.moveTo(0,0);
this.outerWidth=screen.availWidth;
this.outerHeight=screen.availHeight;
}window.maximize=fullScreen;
55.JS中的all代表其下层的全部元素
56.JS中的焦点顺序:
document.getElementByid("
表单元素"
).tabIndex=1
57.innerHTML的值是表单元素的值:
如<
pid="
para"
howare<
em>
you<
/em>
/p>
则innerHTML的值就是:
58.innerTEXT的值和上面的一样,只不过不会把<
这种标记显示出来.
59.contentEditable可设置元素是否可被修改,isContentEditable返回是否可修改的状态.
60.isDisabled判断是否为禁止状态.disabled设置禁止状态
61.length取得长度,返回整型数值
62.addBehavior()是一种JS调用的外部函数文件其扩展名为.htc
63.window.focus()使当前的窗口在所有窗口之前.
64.blur()指失去焦点.与FOCUS()相反.
65.select()指元素为选中状态.
66.防止用户对文本框中输入文本:
onfocus="
this.blur()"
67.取出该元素在页面中出现的数量:
document.all.tags("
div(或其它HTML标记符)"
).length
68.JS中分为两种窗体输出:
模态和非模态.
window.showModaldialog(),window.showModeless()
69.状态栏文字的设置:
window.status='
文字'
默认的状态栏文字设置:
window.defaultStatus='
文字.'
70.添加到收藏夹:
external.AddFavorite("
"
jaskdlf"
71.JS中遇到脚本错误时不做任何操作:
window.onerror=doNothing;
指定错误句柄的语法为:
window.onerror=handleError;
72.JS中指定当前打开窗口的父窗口:
window.opener,支持opener.opener…的多重继续.
73.JS中的self指的是当前的窗口
74.JS中状态栏显示内容:
内容"
75.JS中的top指的是框架集中最顶层的框架
76.JS中关闭当前的窗口:
window.close();
77.JS中提出是否确认的框:
if(confirm("
Areyousure?
)){alert("
ok"
}else{alert("
NotOk"
78.JS中的窗口重定向:
window.navigate("
79.JS中的打印:
window.print()
80.JS中的提示输入框:
window.prompt("
message"
defaultReply"
81.JS中的窗口滚动条:
window.scroll(x,y)
82.JS中的窗口滚动到位置:
window.scrollby
83.JS中设置时间间隔:
setInterval("
expr"
msecDelay)或setInterval(funcRef,msecDelay)或setTimeout
84.JS中的模态显示在IE4行,在NN中不行:
showModalDialog("
[,arguments][,features]);
85.JS中的退出之前使用的句柄:
functionverifyClose(){event.returnValue="
wereallylikeyouandhopeyouwillstaylonger."
}}window.=verifyClose;
86.当窗体第一次调用时使用的文件句柄:
onload()
87.当窗体关闭时调用的文件句柄:
onunload()
88.window.location的属性:
protocol(http:
),hostname(),port(80),host(:
80),
pathname("
/a/a.html"
),hash("
#giantGizmo"
指跳转到相应的锚记),href(全部的信息)
89.window.location.reload()刷新当前页面.
90.window.history.back()返回上一页,window.history.forward()返回下一页,
window.history.go(返回第几页,也可以使用访问过的URL)
91.document.write()不换行的输出,document.writeln()换行输出
92.document.body.noWrap=true;
防止链接文字折行.
93.变量名.charAt(第几位),取该变量的第几位的字符.
94."
abc"
.charCodeAt(第几个),返回第几个字符的ASCii码值.
95.字符串连接:
string.concat(string2),或用=进行连接
96.变量.indexOf("
起始位置),返回第一个出现的位置(从0开始计算)
97.string.lastIndexOf(searchString[,startIndex])最后一次出现的位置.
98.string.match(regExpression),判断字符是否匹配.
99.string.replace(regExpression,replaceString)替换现有字符串.
100.string.split(分隔符)返回一个数组存储值.
101.string.substr(start[,length])取从第几位到指定长度的字符串.
102.string.toLowerCase()使字符串全部变为小写.
103.string.toUpperCase()使全部字符变为大写.
104.parseInt(string[,radix(代表进制)])强制转换成整型.
105.parseFloat(string[,radix])强制转换成浮点型.
106.isNaN(变量):
测试是否为数值型.
107.定义常量的关键字:
const,定义变量的关键字:
var
教程:
JavaScript就这么回事1-5
有些时候你精通一门语言,但是会发现你其实整天在和其它语言打交道,也许你以为这些微不足道,不至于影响你的开发进度,但恰恰是这些你不重视的东西会浪费你很多时间,我一直以为我早在几年前就已经精通JavaScript了,直到目前,我才越来越觉得JavaScript远比我想象的复杂和强大,我开始崇拜它,就像崇拜所有OOP语言一样~
趁着节日的空隙,把有关JavaScript的方法和技巧整理下,让每个在为JavaScript而烦恼的人明白,JavaScript就这么回事!
并希望JavaScript还可以成为你的朋友,让你豁然开朗,在项目中更好的应用~
适合阅读范围:
对JavaScript一无所知~离精通只差一步之遥的人
基础知识:
HTML
JavaScript就这么回事1:
基础知识
1创建脚本块
1:
<
scriptlanguage=”JavaScript”>
2:
JavaScriptcodegoeshere
3:
2隐藏脚本代码
–
document.write(“Hello”);
4:
//–>
5:
在不支持JavaScript的浏览器中将不执行相关代码
3浏览器不支持的时候显示
Hellotothenon-JavaScriptbrowser.
4链接外部脚本文件
scriptlanguage=”JavaScript”src="
/”filename.js"
”>
5注释脚本
//Thisisacomment
/*
Allofthis
isacomment
6:
*/
6输出到浏览器
document.write(“<
strong>
Hello<
/strong>
”);
7定义变量
varmyVariable=“somevalue”;
8字符串相加
varmyString=“String1”+“String2”;
9字符串搜索
varmyVariable=“Hellothere”;
vartherePlace=myVariable.search(“there”);
document.write(therePlace);
7:
10字符串替换
thisVar.replace(“Monday”,”Friday”);
11格式化字串
document.write(myVariable.big()+“<
br>
document.write(myVariable.blink()+“<
document.write(myVariable.bold()+“<
document.write(myVariable.fixed()+“<
8:
document.write(myVariable.fontcolor(“red”)+“<
9:
document.write(myVariable.fontsize(“18pt”)+“<
10:
document.write(myVariable.italics()+“<
11:
document.write(myVariable.small()+“<
12:
document.write(myVariable.strike()+“<
13:
document.write(myVariable.sub()+“<
14:
document.write(myVariable.sup()+“<
15:
document.write(myVariable.toLowerCase()+“<
16:
document.write(myVariable.toUpperCase()+“<
17:
18:
varfirstString=“MyString”;
19:
varfinalString=firstString.bold().toLowerCase().fontcolor(“red”);
20:
21:
12创建数组
varmyArray=newArray(5);
myArray[0]=“FirstEntry”;
myArray[1]=“SecondEntry”;
myArray[2]=“ThirdEntry”;
myArray[3]=“FourthEntry”;
myArray[4]=“FifthEntry”;
varanotherArray=newArray(“FirstEntry”,”SecondEntry”,”ThirdEntry”,”FourthEntry”,”FifthEntry”);
13数组排序
myArray[0]=“z”;
myArray[1]=“c”;
myArray[2]=“d”;
myArray[3]=“a”;
myArray[4]=“q”;
document.write(myArray.sort());
14分割字符串
varmyVariable=“a,b,c,d”;
varstringArray=myVariable.split(“,”);
document.write(stringArray[0]);
document.write(stringArray[1]);
document.write(stringArray[2]);
document.write(stringArray[3]);
15弹出警告信息
window.alert(“Hello”);
16弹出确认框
varresult=window.confirm(“ClickOKtocontinue”);
17定义函数
functionmultiple(number1,number2){
varresult=number1*number2;
returnresult;
}
18调用JS函数
ahref=”#”onClick=”functionName()”>
Linktext<
a