JAVASCRIPT 是 AJAX 技术中不可或缺的一部分,所以想学好 AJAX 以及现在流行的 AJAX 框架,学好 JAVASCRIPT 是最重要的,通过本篇文章给大家介绍 javascript 基础知识及常用方法总结,对 js 基础知识及常用方法相关知识感兴趣的朋友一起学习吧
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
JAVASCRIPT 是 AJAX 技术中不可或缺的一部分,所以想学好 AJAX 以及现在流行的 AJAX 框架,学好 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"
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:
50. 指定在不支持脚本的浏览器显示的 HTML:
51. 当超链和 ONCLICK 事件都有时, 则老版本的浏览器转向 a.html, 否则转向 b.html. 例:
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二:javascript 常用方法如下:
1.index 和 indexof ,lastindexof
- var arr = [1, 2, 3, 4, 5, 4, 3, 2, 1];
- // 1个参数的时候表示传值,返回索引位置 (index 从零开始)
- var index = arr.indexOf(4);
- // 2个参数的时候,第一个参数表示起始位置 第二个参数还是值
- var index = arr.indexOf(4, 4);
- //alert(index)// 5
2. 五个新迭加方法
- // every :对于数组每一个元素进行一个函数的运行,如果都返回true 最后则返回true 如果有一个不满足条件,则返回false
- var result = arr.every(function(item, index, array) {
- return item > 2;
- });
- alert(result);
- // filter:对于数组的每一个元素进行一个函数的运行 给定的函数去执行 把过滤后的结果返回
- var result = arr.filter(function(item, index, array) {
- return item > 2;
- });
- alert(result);
- // forEach:循环数组每一项的值,并执行一个方法
- arr.forEach(function(item, index, array) {
- alert(item);
- });
- //map 对于数组的每一个元素进行一个函数的运行 可以经过函数执行完毕后 把新的结果返回
- var result = arr.map(function(item, index, array) {
- return item * 2;
- });
- alert(result)
- //some:对于数组每一个元素惊醒一个函数的运行,如果有一项返回true ,则返回true,如果有一个返回false 则返回false
- var result = arr.some(function(item, index, array) {
- return item >= 5;
- });
- alert(result);
- // reduce reduceRight
- // 前一个 值,当前值,索引位置,array
- var result = arr.reduce(function(prev, cur, index, array) {
- return prev + cur;
- });
- alert(result); // 25
- var result = arr.reduceRight(function(prev, cur, index, array) {
- return prev + cur;
- });
- alert(result) //25
来源: http://www.phperz.com/article/17/0221/267631.html