这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文将介绍 100 多个基础常用 JS 函数和语法,具有很好的参考价值,下面跟着小编一起来看下吧
网站特效离不开脚本,javascript 是最常用的脚本语言,我们归纳一下常用的基础函数和语法:
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("input").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],...){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" rel="external nofollow"
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<form.elements.length;i++){
- if (form.elements[i].type == "text"){
- form.elements[i].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. 字符串的定义: 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.random()*(n+1)) 返回随机数
41. 定义日期型变量: var today = new Date();
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:<script type="text/Javascript"src="aaa.js"></script>
50. 指定在不支持脚本的浏览器显示的 HTML:<noscript></noscript>
51. 当超链和 ONCLICK 事件都有时, 则老版本的浏览器转向 a.html, 否则转向 b.html. 例:<a href="a.html"rel="external nofollow"onclick="location.href='b.html';return false">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>
- function fullScreen() {
- this.moveTo(0, 0);
- this.outerWidth = screen.availWidth;
- this.outerHeight = screen.availHeight;
- }
- window.maximize = fullScreen;
- </script>
55.JS 中的 all 代表其下层的全部元素 http://bizhi.knowsky.com/
56.JS 中的焦点顺序: document.getElementByid("表单元素").tabIndex = 1
57.innerHTML 的值是表单元素的值: 如 <p id="para">"how are <em>you</em>"</p>, 则 innerHTML 的值就是: how are <em>you</em>
58.innerTEXT 的值和上面的一样, 只不过不会把 <em> 这种标记显示出来.
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.xrss.cn","jaskdlf");
71.JS 中遇到脚本错误时不做任何操作: window.onerror = doNothing; 指定错误句柄的语法为: window.onerror = 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?")){alert("ok");}else{alert("Not Ok");}
78.JS 中的窗口重定向: window.navigate("http://www.sina.com.cn");
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("URL"[,arguments][,features]);
85.JS 中的退出之前使用的句柄: function verifyClose(){event.returnValue="we really like you and hope you will stay longer.";}} window.onbeforeunload=verifyClose;
86. 当窗体第一次调用时使用的文件句柄: onload()
87. 当窗体关闭时调用的文件句柄: onunload()
88.window.location 的属性: protocol(http:),hostname(www.example.com),port(80),host(www.example.com:80),pathname("/a/a.html"),hash("#giantGizmo", 指跳转到相应的锚记),href(全部的信息)
89.window.location.reload() 刷新当前页面.
89-1.parent.location.reload() 刷新父亲对象(用于框架)
89-2.opener.location.reload() 刷新父窗口对象(用于单开窗口)
89-3.top.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
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持 phperz!
来源: http://www.phperz.com/article/17/0530/327572.html