JavaScript的组成
JavaScript 的核心 ECMAScript 描述了该语言的语法和基本对象;
DOM 描述了处理网页内容的方法和接口;
BOM 描述了与浏览器进行交互的方法和接口。
1、ECMAscript javascript的语法(变量、函数、循环语句等语法)
2、DOM 文档对象模型 操作html和css的方法
3、BOM 浏览器对象模型操作浏览器的一些方法
详情请点击:JavaScript实现
字符串处理方法
1、字符串合并操作:“ + ”
2、parseInt()
:将数字字符串转化为整数
3、parseFloat()
:将数字字符串转化为小数
4、split()
:把一个字符串分隔成字符串组成的数组
5、charAt()
:获取字符串中的某一个字符
6、indexOf()
:查找字符串是否含有某字符
7、substring()
:截取字符串 用法: substring(start,end)(不包括end)
8、toUpperCase()
:字符串转大写
9、toLowerCase()
:字符串转小写
//字符串反转
var str = 'asdfj12jlsdkf098';
var str2 = str.split('').reverse().join('');
alert(str2);
详情请点击:JavaScript String 对象
定时器
1、定时器在javascript中的作用
1、制作动画
2、异步操作
3、函数缓冲与节流
2、定时器类型及语法
定时器:
1、setTimeout 只执行一次的定时器
2、clearTimeout 关闭只执行一次的定时器
3、setInterval 反复执行的定时器
4、clearInterval 关闭反复执行的定时器
3、定时器制作时钟
<script type="text/javascript">
window.onload = function() {
var oDiv = document.getElementById('div1');
function timego() {
var now = new Date();
var year = now.getFullYear();
var month = now.getMonth()+1;
var date = now.getDate();
var week = now.getDay();
var hour = now.getHours();
var minute = now.getMinutes();
var second = now.getSeconds();
var str = '当前时间是:'+ year + '年'+month+'月'+date+'日 '+toweek(week)+' '+todou(hour)+':'+todou(minute)+':'+todou(second);
oDiv.innerHTML = str;
}
timego();
setInterval(timego,1000);
}
function toweek(n) {
if(n==0) {
return '星期日';
}
else if(n==1) {
return '星期一';
}
else if(n==2) {
return '星期二';
}
else if(n==3) {
return '星期三';
}
else if(n==4) {
return '星期四';
}
else if(n==5) {
return '星期五';
}
else {
return '星期六';
}
}
function todou(n) {
if(n<10) {
return '0'+n;
}
else {
return n;
}
}
</script>
......
<div id="div1"></div>
4、定时器制作倒计时
<script type="text/javascript">
window.onload = function() {
var oDiv = document.getElementById('div1');
function timeleft() {
var now = new Date();
var future = new Date(2016,8,12,24,0,0);
var lefts = parseInt((future-now)/1000);
var day = parseInt(lefts/86400);
var hour = parseInt(lefts%86400/3600);
var min = parseInt(lefts%86400%3600/60);
var sec = lefts%60;
str = '距离2016年9月12日晚24点还剩下'+day+'天'+hour+'时'+min+'分'+sec+'秒';
oDiv.innerHTML = str;
}
timeleft();
setInterval(timeleft,1000);
}
</script>
......
<div id="div1"></div>
类型转换
1、直接转换 parseInt() 与 parseFloat()
alert('12'+7); //弹出127
alert( parseInt('12') + 7 ); //弹出19
alert( parseInt(5.6)); // 弹出5
alert('5.6'+2.3); // 弹出5.62.3
alert(parseFloat('5.6')+2.3); // 弹出7.8999999999999995
alert(0.1+0.2); //弹出 0.3000000000000004
alert((0.1*100+0.2*100)/100); //弹出0.3
alert((parseFloat('5.6')*100+2.3*100)/100); //弹出7.9
2、隐式转换 “==” 和 “-”
if('3'==3){
alert('相等');
}
// 弹出'相等'
alert('10'-3); // 弹出7
3、 NaN 和 isNaN
alert( parseInt('123abc') ); // 弹出123
alert( parseInt('abc123') ); // 弹出NaN