js基础总结和对象实例

来源：互联网发布：域名备案不能有打折字编辑：程序博客网时间：2024/06/09 22:11

一：js基础总结：

反正自己对js的印象一直就是，语法太随意，被现代人翻译过来就是简便和兼容性好，可以作为一个一直做后台的我，感觉学起来很尴尬，以前都有接触和写js，但是一直没有全面的去学习js，最近公司的项目都快结尾了，就系统的看下js吧。下面是我自己总结的最简单的js平时需要注意的地方，后期再写高级点的语法，前期还是走基础吧。

1，js对大小写敏感

2，js忽略空格

3，js中对文本字符串使用反斜杠来进行换行。

可以这样：document.write("Hello \World!");不可以这样：document.write \("Hello World!");

4，js变量

· 变量必须以字母开头

· 变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）

· 变量名称对大小写敏感（y 和 Y 是不同的变量）

1）：重新声明变量的值，他原来的值不会变。

2）：无值的变量都是undefined

5，消息框：

1）折行的

 alert： ("djf;ldsjf;dashfnfh"+"\n"+"dlajfa;lhdf;aj");

2）确认框：

var r=confirm("Press a button!");if (r==true)        alert("Youpressed OK!");else       alert("Youpressed Cancel!");

3）提示框：

var name=prompt("请输入您的名字","Bill Gates")  if(name!=null && name!="")    document.write("你好！" + name + " 今天过得怎么样？")

6，js函数

1）在函数传参的时候，函数名用双引号引住，参数用单引号。

2）函数有返回值的时候，直接return即可，且函数声明部分不变。

3) 在循环这一块，值得一提的就还是for/in语句循环遍历对象的属性。其他的循环和我们学习的编程语言差不多：

var person={fname:"John",lname:"Doe",age:25};for (x in person){  txt=txt + person[x];}结果：JohnDoe25

7，js错误处理

1）遇到异常，catch捕获（error.message或则error. description）

2）throw声明：var x=prompt("请输入 0 至 10 之间的数：","")

try{if(x>10)          throw "Err1"else if(x<0)     throw "Err2"elseif(isNaN(x))     throw "Err3"} catch(er) {if(er=="Err1")      alert("错误！该值太大！")if(er =="Err2")     alert("错误！该值太小！")if(er =="Err3")     alert("错误！该值不是数字！")}

3）onerror事件：这里面的onerror事件的用法类似是callback函数，有兴趣的可以了解下callback函数，很有用的。

onerror=handleErr;vartxt=""functionhandleErr(msg,url,l) {  txt="本页中存在错误。\n"  txt+="错误：" + msg + "\n"  txt+="URL:" + url + "\n"  txt+="行：" + l + "\n\n"  txt+="点击“确定”继续。\n\n"  alert(txt);      return true   }functionmessage() {  adddlert("Welcome guest!")}

二：js对象实例：

1，字符串对象。 var str = "hello world";

1）字符串长度。str.length 为11

2）给字符串添加样式：

str.big();str.small();str.bold();str.italics();str.blink();str.fixed();str.stricke();str.fontcolor("Red");str.fontsize(16);str.toLowerCase();str.toUpperCase();str.sup();

3）返回字符串指定文本首次出现的位置。str.indexOf(),不存在显示-1
4）查找字符串中特定的字符，若找到，则返回该字符-match()方法。
5）替换掉字符串中指定的字符-replace()eg:str.replace(/hello/,"hi")
2,日期对象。var d = new Date();d是一对象。可以在一个对象中直接添加属性和值-prototype eg:object.prototype.属性名=value;
1)这个对象的方法如下：

Date() 返回当日的日期和时间。getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。getMonth() 从 Date 对象返回月份 (0 ~ 11)。getFullYear() 从 Date 对象以四位数字返回年份。getYear() 请使用 getFullYear() 方法代替。getHours() 返回 Date 对象的小时 (0 ~ 23)。getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。getMilliseconds()返回 Date 对象的毫秒(0 ~ 999)。getTime() 返回 1970 年 1 月 1 日至今的毫秒数。getTimezoneOffset()返回本地时间与格林威治标准时间 (GMT) 的分钟差。getUTCDate() 根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。getUTCDay() 根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。getUTCMonth() 根据世界时从 Date 对象返回月份 (0 ~ 11)。getUTCFullYear()根据世界时从 Date 对象返回四位数的年份。getUTCHours() 根据世界时返回 Date 对象的小时 (0 ~ 23)。getUTCMinutes()根据世界时返回 Date 对象的分钟 (0 ~ 59)。getUTCSeconds()根据世界时返回 Date 对象的秒钟 (0 ~ 59)。getUTCMilliseconds()根据世界时返回 Date 对象的毫秒(0 ~ 999)。parse() 返回1970年1月1日午夜到指定日期（字符串）的毫秒数。setDate() 设置 Date 对象中月的某一天 (1 ~ 31)。setMonth() 设置 Date 对象中月份 (0 ~ 11)。setFullYear() 设置 Date 对象中的年份（四位数字）。setYear() 请使用 setFullYear() 方法代替。setHours() 设置 Date 对象中的小时 (0 ~ 23)。setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)。setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)。setMilliseconds()设置 Date 对象中的毫秒 (0 ~ 999)。setTime() 以毫秒设置 Date 对象。setUTCDate() 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。setUTCMonth() 根据世界时设置 Date 对象中的月份 (0 ~ 11)。setUTCFullYear()根据世界时设置 Date 对象中的年份（四位数字）。setUTCHours() 根据世界时设置 Date 对象中的小时 (0 ~ 23)。setUTCMinutes()根据世界时设置 Date 对象中的分钟 (0 ~ 59)。setUTCSeconds()根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。setUTCMilliseconds()根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。toSource() 返回该对象的源代码。toString() 把 Date 对象转换为字符串。toTimeString()把 Date 对象的时间部分转换为字符串。toDateString()把 Date 对象的日期部分转换为字符串。toGMTString() 请使用 toUTCString() 方法代替。toUTCString() 根据世界时，把 Date 对象转换为字符串。toLocaleString()根据本地时间格式，把 Date 对象转换为字符串。toLocaleTimeString()根据本地时间格式，把 Date 对象的时间部分转换为字符串。toLocaleDateString()根据本地时间格式，把 Date 对象的日期部分转换为字符串。UTC() 根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。valueOf() 返回 Date 对象的原始值

2)显示一个钟表：

<html><head><script type="text/javascript">function startTime(){var today=new Date()var h=today.getHours()var m=today.getMinutes()var s=today.getSeconds()// add a zero in front of numbers<10m=checkTime(m)s=checkTime(s)document.getElementById('txt').innerHTML=h+":"+m+":"+st=setTimeout('startTime()',500)}function checkTime(i){if (i<10)   i="0" + i  return i}</script></head><body onload="startTime()"><div id="txt"></div></body></html>

3，数组对象。此处可以var array = new Array(1,2,3);array.length = 3;
1）数组的创建：new Array();new Array();new Array(element0, element1, ..., elementn);
2）Array对象的方法：

concat() 连接两个或更多的数组，并返回结果。eg:array.concat(4,5);join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。array.join("|");数组中每个元素以|分开而不是默认的，pop() 删除并返回数组的最后一个元素push() 向数组的末尾添加一个或更多元素，并返回新的长度。reverse() 颠倒数组中元素的顺序。shift() 删除并返回数组的第一个元素slice() 从某个已有的数组返回选定的元素，注意这里的slice()是返回选定的元素，不是返回选定空间的元素。sort() 对数组的元素进行排序splice() 删除元素，并向数组添加新元素。toSource() 返回该对象的源代码。toString() 把数组转换为字符串，并返回结果。toLocaleString()把数组转换为本地数组，并返回结果。unshift() 向数组的开头添加一个或更多元素，并返回新的长度。valueOf() 返回数组对象的原始值

4，Math对象
1）Math的对象属性
E 返回算术常量 e，即自然对数的底数（约等于2.718）。
LN2 返回 2 的自然对数（约等于0.693）。
LN10 返回 10 的自然对数（约等于2.302）。
LOG2E 返回以 2 为底的 e 的对数（约等于 1.414）。
LOG10E 返回以 10 为底的 e 的对数（约等于0.434）。
PI 返回圆周率（约等于3.14159）。
SQRT1_2 返回返回 2 的平方根的倒数（约等于 0.707）。
SQRT2 返回 2 的平方根（约等于 1.414）。
2）Math对象方法

abs(x) 返回数的绝对值。acos(x) 返回数的反余弦值。asin(x) 返回数的反正弦值。atan(x) 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。atan2(y,x) 返回从 x 轴到点 (x,y) 的角度（介于 -PI/2 与 PI/2 弧度之间）。ceil(x) 对数进行上舍入。cos(x) 返回数的余弦。exp(x) 返回 e 的指数。floor(x) 对数进行下舍入。log(x) 返回数的自然对数（底为e）。max(x,y) 返回 x 和 y 中的最高值。min(x,y) 返回 x 和 y 中的最低值。pow(x,y) 返回 x 的 y 次幂。random() 返回 0 ~ 1 之间的随机数。round(x) 把数四舍五入为最接近的整数。sin(x) 返回数的正弦。sqrt(x) 返回数的平方根。tan(x) 返回角的正切。toSource() 返回该对象的源代码。valueOf() 返回 Math 对象的原始值。

阅读全文

0 0

js基础总结和对象实例

一 ：js基础总结：

二：js对象实例：

一：js基础总结：