您的位置：首页 > Web前端 > JavaScript

js基础总结和对象实例

2017-09-22 10:30 609 查看

一 ：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<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=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 对象的原始值。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  js 基础总结 对象实例 详解
相关文章推荐
新的分享
章节导航