- 浏览: 292894 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (271)
- jBPM (0)
- WebService (10)
- Flex (0)
- RubyOnRails (1)
- Java (56)
- J2EE (2)
- SQL (5)
- Tapestry (2)
- Dom4j (1)
- Japanese (9)
- English (4)
- JavaScript (3)
- Ajax (12)
- MyDiary (3)
- Log4j (2)
- XML (3)
- UML (1)
- Struts (3)
- Others (8)
- Funny (7)
- ProjectManagement (3)
- Tomcat (1)
- Servlet&Jsp (6)
- Html (4)
- iBATIS (1)
- EasyMock (1)
- Astronomy (1)
- Biology (1)
- Food and Health (0)
最新评论
-
yet8telecom:
good
js数组 sort方法的分析 转自NorthSnow HOME -
imain:
最后的结果是:1,5,3,4,6,2
js数组 sort方法的分析 转自NorthSnow HOME -
lixiaoqing:
最后一个输出结果应该是3,5,1,4,2,6 吧?
js数组 sort方法的分析 转自NorthSnow HOME -
benxiaohai1212:
请问如果输入参数是数组array类型,怎么处理?谢谢!
实例讲解:JAVA SOAP技术 -
netdisk:
这个建议可以用在电子文档管理上
软件文档管理指南
javascript基础知识
每一项都是js中的小技巧,但十分的实用!
1.document.write(""); 输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:document->html->(head,body)
4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value)
6.一个小写转大写的JS: document.getElementById("output").value = document.getElementById("i
nput").value.toUpperCase();
7.JS中的值类型:String,Number,Boolean,Null,Object,Function
8.JS中的字符型转换成数值型:parseInt(),parseFloat()
9.JS中的数字转换成字符型:(""+变量)
10.JS中的取字符串长度是:(length)
11.JS中的字符与字符相连接使用+号.
12.JS中的比较操作符有:==等于,!=不等于,>,>=,<.<=
13.JS中声明变量使用:var来进行声明
14.JS中的判断语句结构:if(condition){}else{}
15.JS中的循环结构:for([initial expression];[condition];[upadte expression]) {inside loop}
16.循环中止的命令是:break
17.JS中的函数定义:function functionName([parameter],...)
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.设置表单中所有文本型的成员的值为空:
var form = window.document.forms[0]
for (var i = 0; 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有时用下拉列表框名称加上.sel
ectedIndex来确定被选中的值)
35.字符串的定义:var myString = new String("This is lightsword");
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.ra
ndom()*(n+1))返回随机数
41.定义日期型变量:var today = new Date();
42.日期函数列表:dateObj.getTime()得到时间,dateObj.getYear()得到年份,dateObj.getFullYear()得到
四位的年份,dateObj.getMonth()得到月份,dateObj.getDate()得到日,dateObj.getDay()得到日期几,dat
eObj.getHours()得到小时,dateObj.getMinutes()得到分,dateObj.getSeconds()得到秒,dateObj.setTi
me(value)设置时间,dateObj.setYear(val)设置年,dateObj.setMonth(val)设置月,dateObj.setDate(va
l)设置日,dateObj.setDay(val)设置星期几,dateObj.setHours设置小时,dateObj.setMinutes(val)设置分,
dateObj.setSeconds(val)设置秒 [注意:此日期时间从0开始计]
43.FRAME的表示方式: [window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarN
ame,frameName.ObjFuncVarName
44.parent代表父亲对象,top代表最顶端对象
45.打开子窗口的父窗口为:opener
46.表示当前所属的位置:this
47.当在超链接中调用JS函数时用:(javascript :)来开头后面加函数名
48.在老的浏览器中不执行此JS:
49.引用一个文件式的JS:
50.指定在不支持脚本的浏览器显示的HTML:
51.当超链和onCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例:dfsadf
52.JS的内建对象有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,
ReferenceError,RegExp,String,SyntaxError,TypeError,URIError
53.JS中的换行:\n
54.窗口全屏大小:
55.JS中的all代表其下层的全部元素
56.JS中的焦点顺序:document.getElementByid("表单元素").tabIndex = 1
57.innerHTML的值是表单元素的值:如
"how are you"
,则innerHTML的值就是:how are you
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("http://www.dannyg.com"t;,"jaskdlf");
71.JS中遇到脚本错误时不做任何操作:window.onerror = doNothing; 指定错误句柄的语法为:window.on
error = handleError;
72.JS中指定当前打开窗口的父窗口:window.opener,支持opener.opener...的多重继续.
73.JS中的self指的是当前的窗口
74.JS中状态栏显示内容:window.status="内容"
75.JS中的top指的是框架集中最顶层的框架
76.JS中关闭当前的窗口:window.close();
77.JS中提出是否确认的框:if(confirm("Are you sure?"))else{alert("Not Ok");}
78.JS中的窗口重定向:window.navigate("http://www.sina.com.cn"t;);
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)或setTimeou
t
84.JS中的模态显示在IE4+行,在NN中不行:showModalDialog("URL"[,arguments][,features]);
85.JS中的退出之前使用的句柄:function verifyClose(){event.returnValue="we really like you and ho
pe you will stay longer.";}} window.onbeforeunload=verifyClose;
86.当窗体第一次调用时使用的文件句柄:onload()
87.当窗体关闭时调用的文件句柄:onunload()
88.window.location的属性: protocol(http:),hostname(example.com),port(80),host(e
xample.com: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
1.document.write(""); 输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:document->html->(head,body)
4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value)
6.一个小写转大写的JS: document.getElementById("output").value = document.getElementById("i
nput").value.toUpperCase();
7.JS中的值类型:String,Number,Boolean,Null,Object,Function
8.JS中的字符型转换成数值型:parseInt(),parseFloat()
9.JS中的数字转换成字符型:(""+变量)
10.JS中的取字符串长度是:(length)
11.JS中的字符与字符相连接使用+号.
12.JS中的比较操作符有:==等于,!=不等于,>,>=,<.<=
13.JS中声明变量使用:var来进行声明
14.JS中的判断语句结构:if(condition){}else{}
15.JS中的循环结构:for([initial expression];[condition];[upadte expression]) {inside loop}
16.循环中止的命令是:break
17.JS中的函数定义:function functionName([parameter],...)
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.设置表单中所有文本型的成员的值为空:
var form = window.document.forms[0]
for (var i = 0; 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有时用下拉列表框名称加上.sel
ectedIndex来确定被选中的值)
35.字符串的定义:var myString = new String("This is lightsword");
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.ra
ndom()*(n+1))返回随机数
41.定义日期型变量:var today = new Date();
42.日期函数列表:dateObj.getTime()得到时间,dateObj.getYear()得到年份,dateObj.getFullYear()得到
四位的年份,dateObj.getMonth()得到月份,dateObj.getDate()得到日,dateObj.getDay()得到日期几,dat
eObj.getHours()得到小时,dateObj.getMinutes()得到分,dateObj.getSeconds()得到秒,dateObj.setTi
me(value)设置时间,dateObj.setYear(val)设置年,dateObj.setMonth(val)设置月,dateObj.setDate(va
l)设置日,dateObj.setDay(val)设置星期几,dateObj.setHours设置小时,dateObj.setMinutes(val)设置分,
dateObj.setSeconds(val)设置秒 [注意:此日期时间从0开始计]
43.FRAME的表示方式: [window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarN
ame,frameName.ObjFuncVarName
44.parent代表父亲对象,top代表最顶端对象
45.打开子窗口的父窗口为:opener
46.表示当前所属的位置:this
47.当在超链接中调用JS函数时用:(javascript :)来开头后面加函数名
48.在老的浏览器中不执行此JS:
49.引用一个文件式的JS:
50.指定在不支持脚本的浏览器显示的HTML:
51.当超链和onCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例:dfsadf
52.JS的内建对象有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,
ReferenceError,RegExp,String,SyntaxError,TypeError,URIError
53.JS中的换行:\n
54.窗口全屏大小:
55.JS中的all代表其下层的全部元素
56.JS中的焦点顺序:document.getElementByid("表单元素").tabIndex = 1
57.innerHTML的值是表单元素的值:如
"how are you"
,则innerHTML的值就是:how are you
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("http://www.dannyg.com"t;,"jaskdlf");
71.JS中遇到脚本错误时不做任何操作:window.onerror = doNothing; 指定错误句柄的语法为:window.on
error = handleError;
72.JS中指定当前打开窗口的父窗口:window.opener,支持opener.opener...的多重继续.
73.JS中的self指的是当前的窗口
74.JS中状态栏显示内容:window.status="内容"
75.JS中的top指的是框架集中最顶层的框架
76.JS中关闭当前的窗口:window.close();
77.JS中提出是否确认的框:if(confirm("Are you sure?"))else{alert("Not Ok");}
78.JS中的窗口重定向:window.navigate("http://www.sina.com.cn"t;);
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)或setTimeou
t
84.JS中的模态显示在IE4+行,在NN中不行:showModalDialog("URL"[,arguments][,features]);
85.JS中的退出之前使用的句柄:function verifyClose(){event.returnValue="we really like you and ho
pe you will stay longer.";}} window.onbeforeunload=verifyClose;
86.当窗体第一次调用时使用的文件句柄:onload()
87.当窗体关闭时调用的文件句柄:onunload()
88.window.location的属性: protocol(http:),hostname(example.com),port(80),host(e
xample.com: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
--------------------------------------------------------------------------------------------------------------------------------
javascript38种小技巧,推荐新手查看。
事件源对象
event.srcElement.tagName
event.srcElement.type
event.srcElement.tagName
event.srcElement.type
- 捕获释放
event.srcElement.setCapture();
event.srcElement.releaseCapture(); - 事件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey - 事件返回值
event.returnValue - 鼠标位置
event.x
event.y - 窗体活动元素
document.activeElement - 绑定事件
document.captureEvents(Event.KEYDOWN); - 访问窗体元素
document.all("txt").focus();
document.all("txt").select(); - 窗体命令
document.execCommand - 窗体COOKIE
document.cookie - 菜单事件
document.oncontextmenu - 创建元素
document.createElement("SPAN"); - 根据鼠标获得元素:
document.elementFromPoint(event.x,event.y).tagName=="TD
document.elementFromPoint(event.x,event.y).appendChild(ms) - 窗体图片
document.images[索引] - 窗体事件绑定
document.onmousedown=scrollwindow; - 元素
document.窗体.elements[索引] - 对象绑定事件
document.all.xxx.detachEvent('onclick',a); - 插件数目
navigator.plugins - 取变量类型
typeof($js_libpath) == "undefined" - 下拉框
下拉框.options[索引]
下拉框.options.length - 查找对象
document.getElementsByName("r1");
document.getElementById(id); - 定时
timer=setInterval('scrollwindow()',delay);
clearInterval(timer); - UNCODE编码
escape() ,unescape - 父对象
obj.parentElement(dhtml)
obj.parentNode(dom) - 交换表的行
TableID.moveRow(2,1) document.all.csss.href = "a.css"; - 替换CSS
- 并排显示
display:inline - 隐藏焦点
hidefocus=true - 根据宽度换行
style="word-break:break-all" - 自动刷新
<meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net"> - 简单邮件
<a href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy"> - 快速转到位置
obj.scrollIntoView(true) - 锚
<a name="first">
<a href="#first">anchors</a> - 网页传递参数
location.search(); - 可编辑
obj.contenteditable=true - 执行菜单命令
obj.execCommand - 双字节字符
/[^\x00-\xff]/
汉字
/[\u4e00-\u9fa5]/ - 让英文字符串超出表格宽度自动换行
word-wrap: break-word; word-break: break-all; - 透明背景
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe> - 获得style内容
obj.style.cssText - HTML标签
document.documentElement.innerHTML - 第一个style标签
document.styleSheets[0] - style标签里的第一个样式
document.styleSheets[0].rules[0] - 防止点击空链接时,页面往往重置到页首端。
<a href="javascript:function()">word</a> - 上一网页源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer - 释放内存
CollectGarbage(); - 禁止右键
document.oncontextmenu = function() { return false;} - 禁止保存
<noscript><iframe src="*.htm"></iframe></noscript> - 禁止选取<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()>
- 禁止粘贴
<input type=text onpaste="return false"> - 地址栏图标
<link rel="Shortcut Icon" href="favicon.ico">
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下 - 收藏栏图标
<link rel="Bookmark" href="favicon.ico"> - 查看源码
<input type=button value=查看网页源代码 onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'"> - 关闭输入法
<input style="ime-mode:disabled"> - 自动全选
<input type=text name=text1 value="123" onfocus="this.select()"> - ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9"> - 文本框的默认值
<input type=text value="123" onfocus="alert(this.defaultValue)"> - title换行
obj.title = "123
sdfs " - 获得时间所代表的微秒
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime() - 窗口是否关闭
win.closed - checkbox扁平
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br> - 获取选中内容
document.selection.createRange().duplicate().text - 自动完成功能
<input type=text autocomplete=on>打开该功能
<input type=text autocomplete=off>关闭该功能 - 窗口最大化
<body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)"> - 无关闭按钮IE
window.open("aa.htm", "meizz", "fullscreen=7"); - 统一编码/解码
alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
encodeURIComponent对":"、"/"、";" 和 "?"也编码 - 表格行指示
<tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'">
------------------------------------------------------------------------------------------------------------------------------------------------
核心(Core) Javascript 学习手记
核心(Core) Javascript 学习手记
- linenum
- CREATED BY STABX, AT 2006-9-5.
- Javascript Notes By shawl.qiu
- ---/-------------------------------------------------------------
- -3.1 函数比其他代码优先执行
- -3. 优先级
- -2.4 同时初始化多个变量并赋相同值
- -2.3 在函数中使用 var 定义一个变量, 该变量将影响整个函数, 不分先后.
- -2.2 全局变量与局部变量
- -2.1.2 普通定义变量 2
- -2.1.1 普通定义变量 1
- -2.1 普通定义变量
- -2. var 定义变量
- -1.5 in 操作符
- -1.4.2 true 等价 1, false 等价 0.
- -1.4 == 与 ===
- -1.4.1 NaN
- -1.3 0/0=?
- -1.2 类型转换
- -1.1 -- 与 ++
- -1.1.1
- -1. 运算符
- 0. 语法
- 0.1 Switch
- 1. 按钮
- 1.1 前进后退按钮
- 1.2 确认按钮
- 1.3 最原始也最实用的 UBB 代码输入方法——SCRIPT & FORM
- 1.4 Prompt
- 1.5.1 鼠标经过时选中,并隐藏原框的文字, 移开再显示文字 ——文本框
- 1.5 鼠标经过时选中 ——复选框 Focus()
- 1.6 鼠标经过自动提交表单
- 2. 接收键盘事件
- 2.1 按任何键关闭窗口
- 2.2 实时显示更改的图片链接
- 3. 数组/Array
- 3.1 Javascript 结合 Asp 使用数组
- 4. 控制图片大小
- 5. 双击拷贝文本
- 6. IE 全屏显示
- 7. 文本框回车链接
- 8. 顯示頁面所有元素
- 9. 正则表达式
- 10. 接收鼠标事件
- 10.1 单击鼠标右击关闭窗口 (我用左手)
- 10.2 鼠标移过选择表单项
- 11. 字符串
- 11.1 检测字符串中是否出现某字符
- 12. 随机数
- 12.1.1 生成 GUID 2
- 12.1 生成 GUID
- 13. 时间操作
- 13.1 以毫秒为单位的倒计时跳转, 来源 CSDN
- 14. switch
- 14.1 简单 switch
- 15 if 判断
- 15.1.2 简单 if 判断 3
- 15.1.1 简单 if 判断 2
- 15.1 简单 if 判断
- 15.2 if 判断的 三个 写法
- 15.3 判断执行文件使用网络还是使用本地协议
- 15.4 if...else 写法
- 16. 简单 while
- 16. while
- 17. do while
- 17.1.2 简单 do while
- 17.1 简单 do while
- 18. for
- 18.1 简单 for
- 18.2 简单 for 1
- 18.3 循环列出从 a - z 的字母
- 18.3 n阶乘
- 18.4 Fibonacci Numbers
- 19. for in
- 19.1.1 简单 for in 1
- 19.1 简单 for in
- 19.2.1 for in 赋值 [数组] 1
- 19.2 for in 赋值 [数组]
- 20. try, catch, finally
- 20.1.1 简单 try, catch 1
- 20.1 简单 try, catch
- 21. with
- 21.1 简单with (另一写法)
- 21.1 简单 with
- 22. break, continue
- 22.1 continue
- 22.2.1 break 标签
- 22.2 break
- 23. call, apply
- 23.1.1 找出数组中最大的数
- 23.1 apply
- 24. object
- 24.1.1 创建简单对象 一
- 24.1.2 创建简单对象 二
- 24.1 创建简单对象
- 24.2.1 创建嵌套对象 1
- 24.2 创建嵌套对象
- 24.3 删除对象中的属性
- 24.4.1 遍历对象中的属性名 1
- 24.4 遍历对象中的属性名
- 24.5 obj.propertyIsEnumerable('ele')
- 24.6 obj.hasOwnProperty('ele')
- 25. toString
- 25.1 使用 toString 列出数组中的元素
- 26. Array()
- 26.0.1 简单创建数组, 并赋值 2
- 26.0 简单创建数组, 并赋值
- 26.0.3 创建数组中的数组
- 26.0.4 创建数组中的对象
- 26.0.2 简单创建数组
- 26.1 [array].push(), [array].pop()
- 26.2 数组排序
- 26.3 创建数组指定维数, 从 1 开始.
- 27. RegExp
- 27.1 普通操作 1
- 27.2 test 语句
- 27.3 exec 语句
- 28. new 语法
- 29. isNaN
- 30. Date()
- 30.1 输出年月日, 时分秒 的日期格式
- 31. function 函数
- 31.1.1.1 三种定义函数的方法 1.1
- 31.10 在数组中存储函数, 并引用
- 31.1.1 三种定义函数的方法 1
- 31.1.2 三种定义函数的方法 2
- 31.1 三种定义函数的方法
- 31.2 在标签中写函数
- 31.3 创建嵌套函数
- 31.4.1 创建递归函数 1
- 31.4 创建递归函数
- 31.5 创建 函数对象
- 31.6 在函数内部定义的函数只能在该函数内部调用
- 31.7 定义函数变量, 并赋值
- 31.8 变量引用函数
- 31.9 在对象中存储函数, 并引用
- 31.11 function.call()
- 31.12 在函数内定义的变量可以被下级内嵌函数调用
- 32. typeof 查看数据类型
- 32.1
- 33. obj.valueOf() 返回原始值
- 34. Math 对象
- 34.1.1 生成 1 至 4 的随机数
- 34.1 Math.random();
- 34.2 求 x 的 n 次方
- 35. delete
- 36. confirm() 确认框
- 36.1 带条件确认框
- 37. window.open
- 37. window
- 37.1 打开没有焦点的窗口
- 38. return 返回值
- 38.1 return true
- 38.2 return undefined
- 39. throw
- 39.1 简单产生错误
- 40. arguments
- 40.1 判断 arguments.length
- 40.2 列出所有 argument 的值
- 40.3 arguments.callee / 调用函数本身
- 41. .to******
- 41.1 toString
- 42. parseInt() / parseFolat()
- --------------------------------
- 42. parseInt() / parseFolat()
- <script type="text/javascript">
- //<![CDATA[
- var str='1.1322 this test ';
- document.write(('str like this: ').bold()+str.fontcolor('red')+'<br/>');
- document.write(('parseInt(str): ').bold()+parseInt(str)+'<br/>');
- document.write(('parseFloat(str): ').bold()+parseFloat(str)+'<br/>');
- document.write(('parseInt(1111,2): ').bold()+parseInt(1111,2)+'<br/>');
- document.write(('parseInt(1111,8): ').bold()+parseInt(1111,8)+'<br/>');
- document.write(('parseInt(1111): ').bold()+parseInt(1111)+'<br/>');
- document.write(('parseInt(1111,16): ').bold()+parseInt(1111,16)+'<br/>');
- //]]>
- </script>
- 41. .to******
- <script type="text/javascript">
- //<![CDATA[
- var num=12345.6789
- document.write(('parseInt(num): ').bold()+parseInt(num)+'<br/>');
- document.write(('num.toFixed(0): ').bold()+num.toFixed(0)+'<br/>');
- document.write(('num.toFixed(2): ').bold()+num.toFixed(2)+'<br/>');
- document.write(('num.toExponential(2): ').bold()+num.toExponential(2)+'<br/>');
- document.write(('num.toExponential(1): ').bold()+num.toExponential(1)+'<br/>');
- document.write(('num.toPrecision(1): ').bold()+num.toPrecision(1)+'<br/>');
- document.write(('num.toPrecision(2): ').bold()+num.toPrecision(2)+'<br/>');
- //]]>
- </script>
- 41.1 toString
- <script type="text/javascript">
- //<![CDATA[
- var num=123456789
- document.write(('num.toString(): ').bold()+num.toString()+'<br/>');
- document.write(('num.toString(2): ').bold()+num.toString(2)+'<br/>');
- document.write(("'0'+num.toString(8): ").bold()+'0'+num.toString(8)+'<br/>');
- document.write(("'0x'+num.toString(16): ").bold()+'0x'+num.toString(16)+'<br/>');
- //]]>
- </script>
- 40. arguments
- 40.1 判断 arguments.length
- <script type="text/javascript">
- //<![CDATA[
- function t(a, b, c, d){
- if(arguments.length!=4)document.write(('error! argument must be 4 element.').fontcolor('red')+' current arguments length: '+arguments.length+'<br/>');
- else document.write(('this right: '+arguments.length).bold()+' arguments<br/>');
- }
- t();
- t('a', 'b', 'c', 'd');
- t('a', 'b', 'c', 'd', 'e');
- //]]>
- </script>
- 40.2 列出所有 argument 的值
- <script type="text/javascript">
- //<![CDATA[
- function t(){
- for(var i=0; i<arguments.length; i++){
- document.write(('arguments['+i+']').bold()+' = '+arguments[i].fontcolor('red')+'<br/>');
- }
- }
- var temp='test';
- t('aaa', 'bbb', 'ccc', 'ddd', 'eee', temp);
- //]]>
- </script>
- 40.3 arguments.callee / 调用函数本身
- <script type="text/javascript">
- //<![CDATA[
- var t=function(x){
- document.write(x+'<br/>');
- if(x>1){
- arguments.callee(x-1);
- }
- }
- t(10);
- //]]>
- </script>
- 39. throw
- 39.1 简单产生错误
- <script type="text/javascript">
- //<![CDATA[
- t(10);
- t();
- function t(x){
- if(typeof x==='undefined')throw new Error('x must be own a value');
- document.write(x);
- }
- //]]>
- </script>
- 38. return 返回值
- 38.1 return true
- <script type="text/javascript">
- //<![CDATA[
- function t(ipt){
- window.status=ipt;
- return true;
- }
- t('test this');
- //]]>
- </script>
- 38.2 return undefined
- <script type="text/javascript">
- //<![CDATA[
- function t(t){
- if(t==null)return;
- }
- document.write(t()); // undefined
- //]]>
- </script>
- 37. window
- 37. window.open
- 37.1 打开没有焦点的窗口
- <script type="text/javascript">
- //<![CDATA[
- var w=window.open('/')
- w.blur();
- window.focus();
- //]]>
- </script>
- 36. confirm() 确认框
- 36.1 带条件确认框
- <script type="text/javascript">
- //<![CDATA[
- var x=confirm('what doing with you')
- if(x){alert('ok')}else alert('good choice');
- //]]>
- </script>
- 35. delete
- <script type="text/javascript">
- //<![CDATA[
- var t={i:'ok', j:'ok too'}
- document.write(delete t.i); // true
- document.write('<br/>');
- document.write(delete t); // false 不能删除 使用 var 定义的变量或对象
- document.write('<br/>');
- document.write(delete n); // true 删除不存在的元素.
- document.write('<br/>');
- document.write(delete j); // true
- document.write('<br/>');
- //]]>
- </script>
- 34. Math 对象
- 34.1 Math.random();
- 34.1.1 生成 1 至 4 的随机数
- <script type="text/javascript">
- //<![CDATA[
- document.write(parseInt(Math.random()*4+1)+'<br/>');
- //]]>
- </script>
- 34.2 求 x 的 n 次方
- <script type="text/javascript">
- //<![CDATA[
- document.write(Math.pow(2,10));
- //]]>
- </script>
- 33. obj.valueOf() 返回原始值
- <script type="text/javascript">
- //<![CDATA[
- var a=1, b='test', c=false, d=new Object();
- document.write(a.valueOf()+'<br/>'); // 1
- document.write(b.valueOf()+'<br/>'); // test
- document.write(c.valueOf()+'<br/>'); // false
- document.write(d.valueOf()+'<br/>'); // [object Object]
- //]]>
- </script>
- 32. typeof 查看数据类型
- <script type="text/javascript">
- //<![CDATA[
- var a=['a', 'b', 'c']
- document.write(typeof a); // object
- document.write(a.valueOf()); // a, b, c
- document.write(typeof null); // object
- //]]>
- </script>
- 32.1
- <script type="text/javascript">
- //<![CDATA[
- var a=['a', 'b', 'c']
- document.write(typeof a); // object
- document.write(a.valueOf()); // a, b, c
- //]]>
- </script>
- 31. function 函数
- 31.1 三种定义函数的方法
- <script type="text/javascript">
- //<![CDATA[
- function f(){ alert('function f');};
- var f1=function(){ alert('function f1');};
- var f2=new Function('', "alert('function f2')");
- f(); f1(); f2();
- //]]>
- </script>
- 31.1.1 三种定义函数的方法 1
- <script type="text/javascript">
- //<![CDATA[
- var t=new Function('a', 'b', 'return a+b;')
- document.write(t('ok ', 'test this'));
- //]]>
- </script>
- 31.1.1.1 三种定义函数的方法 1.1
- <script type="text/javascript">
- //<![CDATA[
- var t=new Function("return 'test this'")
- document.write(t());
- //]]>
- </script>
- 31.1.2 三种定义函数的方法 2
- <script type="text/javascript">
- //<![CDATA[
- var t=function(str){return 'this test'+str};
- document.write(t(', right.'));
- //]]>
- </script>
- 31.2 在标签中写函数
- <div onclick="javascript:var go=function(){alert(111)};go();">div 可用</div>
- <div onclick="go()">div1 不可用</div>
- <div onclick="javascript:( function(){alert(111);} )()">div2 可用</div>
- <div onclick="javascript:function go(){alert(111);}go();">div3 可用</div>
- 31.3 创建嵌套函数
- <script type="text/javascript">
- //<![CDATA[
- function level1(){
- var lNm='level 1'
- document.write(lNm+'<br/>');
- function level2(){
- var lNm='level 2'
- document.write(lNm+'<br/>');
- }
- level2();
- }
- level1();
- //]]>
- </script>
- 31.4 创建递归函数
- <%
- var i=0;
- function t(){
- i++;
- if(i<100){
- Response.Write(i+'<br/>');
- return t();
- }
- Response.Write(i+'<br/>');
- }
- t();
- %>
- 31.4.1 创建递归函数 1
- <script type="text/javascript">
- //<![CDATA[
- function fctr(n){
- if(n<=1)return 1;
- return n*fctr(n-1);
- }
- document.write(fctr(4));
- //]]>
- </script>
- 31.5 创建 函数对象
- <script type="text/javascript">
- //<![CDATA[
- function fT(){
- this.title='o test';
- this.subtitle=fTt();
- function fTt(){
- return 'o subtitle';
- }
- }
- var t=new fT();
- document.write(t.title+'<br/>');
- document.write(t.subtitle+'<br/>');
- t=null;
- //]]>
- </script>
- 31.6 在函数内部定义的函数只能在该函数内部调用
- <script type="text/javascript">
- //<![CDATA[
- function lev1(){
- document.write('lev 1<br/>');
- function lev2(){
- document.write('lev 2<br/>');
- }
- lev2();
- }
- lev1();
- lev2(); // 出错, 在函数内部定义的函数只能在该函数内部调用
- //]]>
- </script>
- 31.7 定义函数变量, 并赋值
- <script type="text/javascript">
- //<![CDATA[
- var t=(function(str){return str+str+'<br/>';})('test this ')
- document.write(t);
- //]]>
- </script>
- 31.8 变量引用函数
- <script type="text/javascript">
- //<![CDATA[
- function t(x){
- x+='';
- return x+x;
- }
- document.write(t('how fun ')+'<br>'); // how fun how fun
- var u=t // u 引用 函数 t
- document.write(u('how fun too ')+'<br>'); // how fun too how fun too
- //]]>
- </script>
- 31.9 在对象中存储函数, 并引用
- <script type="text/javascript">
- //<![CDATA[
- var o=new Object();
- o.t=function(x){x+=''; return x+x;}
- var t=o.t('test this ');
- document.write(t);
- //]]>
- </script>
- 31.10 在数组中存储函数, 并引用
- <script type="text/javascript">
- //<![CDATA[
- var a=new Array(3);
- a[0]=function(x){x+='';return x+x};
- a[1]='test this ';
- a[2]=a[0](a[1]);
- document.write(a[2]);
- //]]>
- </script>
- 31.11 function.call()
- <script type="text/javascript">
- //<![CDATA[
- var o=new Object();
- function f(a, b){
- return a+b
- }
- document.write(f.call(o, 1, 2));
- //]]>
- </script>
- 31.12 在函数内定义的变量可以被下级内嵌函数调用
- <script type="text/javascript">
- //<![CDATA[
- function t(){
- var x=" this's test ";
- function u(){
- document.write(x.bold());
- }
- u();
- }
- t();
- //]]>
- </script>
- 30. Date()
- 30.1 输出年月日, 时分秒 的日期格式
- <script type="text/javascript">
- //<![CDATA[
- var $dt=new Date();
- document.write('yyyy-nn-dd: '+$dt.toLocaleDateString()+'<br/>');
- document.write('hh-mm-ss: '+$dt.toLocaleTimeString());
- //]]>
- </script>
- 29. isNaN
- <script type="text/javascript">
- //<![CDATA[
- var $str='this is string';
- var $num=12.3;
- //alert(isNaN($str));
- alert(isNaN($num));
- //]]>
- </script>
- 28. new 语法
- new Boolean(false)
- new Number(0)
- new String("")
- new Array()
- new Object()
- new Date();
- new Error();
- 27. RegExp
- 27.1 普通操作 1
- <script type="text/javascript">
- //<![CDATA[
- var $str='this is a test'
- with(document){
- write('test str is: '+$str+'<br/>');
- write('$str.search(/is a/i): '+$str.search(/is a/i)+'<p/>');
- write('$str.replace(/ {1,1}/ig,"--"): '+$str.replace(/ {1,1}/ig,"--")+'<p/>');
- write('$str.match(/t[\S]{1,3}/ig): '+$str.match(/t[\S]{1,3}/ig)+'<p/>');
- var $temp=$str.match(/(t[\S]{1,3})/ig)
- for ($i=0; $i<$temp.length; $i++){
- write($temp[$i]+'<br/>');
- }
- }
- //]]>
- </script>
- 27.2 test 语句
- <script type="text/javascript">
- //<![CDATA[
- var $pattern=/this/i;
- alert($pattern.test('this is a test'));
- //]]>
- </script>
- 27.3 exec 语句
- <script type="text/javascript">
- //<![CDATA[
- var $pattern=/this/ig;
- var $str='this is a test, this is repeat';
- var $result;
- while(($result=$pattern.exec($str))!=null){
- alert($result[0]+'>>> index of str: '+$result.index+' $pattern lastIndex: '+$pattern.lastIndex);
- }
- //]]>
- </script>
- 26. Array()
- 26.0 简单创建数组, 并赋值
- <script type="text/javascript">
- //<![CDATA[
- var ar=new Array();
- for(var i=0; i<10; i++){
- ar[i]='array '+i
- document.write(ar[i]+'<br/>');
- }
- //]]>
- </script>
- 26.0.1 简单创建数组, 并赋值 2
- <script type="text/javascript">
- //<![CDATA[
- var ar=['v1', 'v2', 'v3', 'v4', 'v5']
- for(var i=0; i<ar.length; i++){
- document.write(ar[i]+'<br/>');
- }
- //]]>
- </script>
- 26.0.2 简单创建数组
- <script type="text/javascript">
- //<![CDATA[
- var ar=new Array(10);
- document.write(ar.length);
- //]]>
- </script>
- 26.0.3 创建数组中的数组
- <script type="text/javascript">
- //<![CDATA[
- var ar=new Array('v1', 'v2', 'v3', ['v41', 'v42']);
- for(var i=0; i<ar.length; i++){
- document.write(ar[i].toString()+'<br/>');
- }
- //]]>
- </script>
- 26.0.4 创建数组中的对象
- <script type="text/javascript">
- //<![CDATA[
- var ar=new Array('v1', 'v2', 'v3', {x:'v41', y:'v42'});
- for(var i=0; i<ar.length; i++){
- if(typeof(ar[i])=='string')
- document.write(ar[i]+'<br/>');
- else if(typeof(ar[i])=='object'){
- document.write('object<br/>');
- for(var j in ar[i]){
- document.write('obj: '+j+' obj val '+ar[i][j]+'<br/>');
- }
- }
- }
- //]]>
- </script>
- 26.1 [array].push(), [array].pop()
- <script type="text/javascript">
- //<![CDATA[
- var $array=new Array('a', 'b', 'c', 'd', 'e')
- with(document){
- write('source $array.join: '+$array.join()+'<br/>');
- write ($array.length+'<br/>');
- $array.push(1,1,1,1,1,1,1,1,1,1);
- write ('$array.push(1,1,1,1,1,1,1,1,1,1), $array.length: '+$array.length+'<br/>');
- write('join $array: '+$array.join()+'<p/>');
- write ($array.length+'<br/>');
- $array.push(1, 2, 3, 4, 5);
- write ('$array.push(1, 2, 3, 4, 5), $array.length: '+$array.length+'<br/>');
- write('join $array: '+$array.join()+'<p/>');
- write('$array.pop(): '+$array.pop()+'<br/>');
- write('$array.length & $array.join(): '+$array.length+' '+$array.join()+'<p/>');
- write('$array.pop(10): '+$array.pop(10)+'<br/>');
- write('$array.length & $array.join(): '+$array.length+' '+$array.join()+'<br/>');
- }
- //]]>
- </script>
- 26.2 数组排序
- <script type="text/javascript">
- //<![CDATA[
- var a=new Array();
- for (var i=0, j=1; i<10;a[i]=j, i++, j++);
- document.write('<h2>未排序前:</h2>');
- document.write(a.join());
- document.write('<h2>无条件排序:</h2>');
- document.write(a.sort().join());
- temp=a.sort(function(a, b){return a-b});
- document.write('<h2>a-b 排序:</h2>');
- document.write(temp.join());
- temp=a.sort(function(a, b){return b-a});
- document.write('<h2>b-a 排序:</h2>');
- document.write(temp.join());
- //]]>
- </script>
- 26.3 创建数组指定维数, 从&n
相关推荐
javascript基础知识总结,详细的介绍了基础知识
JavaScript基础知识总汇JavaScript基础知识总汇JavaScript基础知识总汇JavaScript基础知识总汇JavaScript基础知识总汇JavaScript基础知识总汇
JavaScript基础知识例子.zipJavaScript基础知识例子.zip
这份文件是一份前端十年经验的JavaScript基础知识大纲,主要是为了帮助前端开发者系统地学习和掌握JavaScript的基础知识。该大纲采用思维构图的方式,将JavaScript的基础知识按照不同的主题进行分类和整理,包括数据...
javascript基础知识大集锦javascript基础知识大集锦javascript基础知识大集锦javascript基础知识大集锦
这是一份关于javascript的文档,可以帮助大家更好的理解网页制作的基础知识内容
Javascript基础知识整理.doc
个人总结 对新学者有帮助,重点地方有颜色标记,好好学习 学无止尽
JavaScript基础知识
关于javascript基础知识ppt里头包括javascript最基础的知识
javascript基础知识大全 javascript API
资源名称:Javascript基础知识 中文word版 内容简介: Javascript是Netscape公司开发的一种脚本语言。该语言编程的程序可以被嵌入到HTML页面中,并直接在浏览器中解释执行。喜欢的朋友...
JavaScript学习笔记,javascript基础知识,基础语法整理.pdf
PHP-Javascript基础知识java sctipt学习不求人JS.CSS代码工具
JavaScript 基础知识介绍 JavaScript 基础知识介绍 JavaScript 基础知识介绍
JavaScript基础知识.docx
javascript基础知识2,初学者的有力工具
javaScript基础知识 javaScript入门PPT
JavaScript基础知识.md