JavaScript总结

JavaScript是什么?
是基于对象和事件驱动的语言,应用于客户端
JavaScript由三部分组成
第一部分:ECMAScript
** 又ECMA组织制定语句,语法
第二部分:BOM
** broswer object  model:浏览器对象模型
第三部分:DOM
** document object model:文档对象模型、
JS与HTML的结合方式:(JS可以写在html中的任意位置,建议写在body下面)
第一种:使用html中的标签 
<script type="text/javascript"> 
js代码 ;
</script>
第二种:使用html的标签,引入外部的js文件【项目开发常用方式】
注意一:不要在script标签里面写js代码了,不会执行
注意二:结束script标签 </script>,不要在标签内结束
<script type="text/javascript" src="js文件的路径">
</script>


JS的String对象:
1)创建字符串:var a = "abc"; var b = new String("bb");
2)方法
bold() 使用粗体显示字符串
fontcolor() 使用指定的颜色来显示字符串
fontsize() 使用指定的尺寸来显示字符串
link() 将字符串显示为链接
charAt() 返回在指定位置的字符。 如果位置不存在字符,返回空字符串""
concat() 连接字符串
indexOf() 检索字符串,得到检索的字符的位置,如果没有找到返回-1
split() 把字符串分割为字符串数组
substr() 从起始索引号提取字符串中指定数目的字符
substring() 提取字符串中两个指定的索引号之间的字符
JS的Array对象:
1)js里面定义数组的方式
第一个:var arr1 = [];
第二个:var arr2 = ["10",10,true]; //可以写任意的类型
第三种:var arr3 = new Array(3); 
** 表示定义数组名称是arr3,数组的长度是3
第四种:var arr4 = new Array(4,5,6);
** 表示定义数组名称是arr4,数组里面的值4 5 6
2)方法
concat():连接数组
join():把数组根据指定字符进行分割
var arr=[1,2,3];
document.write(arr.join("-"));//输出结果1-2-3
pop() 删除并返回数组的最后一个元素
push() 向数组的末尾添加元素,并返回新的长度
JS的Math对象:
ceil(x) 对一个数进行上舍入
floor(x) 对一个数进行下舍入 
round(x) 把一个数四舍五入为最接近的整数 
random() 返回 0 ~ 1 之间的随机数 
JS的Date对象:
进行日期操作要使用Date对象,new Date();
  var date = new Date(); 
toLocaleString() 根据本地时间格式,把 Date 对象转换为字符串
document.write(date.toLocaleString());
年: getFullYear() 从 Date 对象以四位数字返回年份 
document.write(date.getFullYear());
月: getMonth() 从 Date 对象返回月份 (0 ~ 11)
document.write(date.getMonth()+1);//得到准确月份
日: getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)
星期: getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)
如果当前的星期是星期日,返回的是0
时: getHours() 返回 Date 对象的小时 (0 ~ 23)
分: getMinutes() 返回 Date 对象的分钟 (0 ~ 59)
秒: getSeconds() 返回 Date 对象的秒数 (0 ~ 59)
毫秒: getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)///可以用来刷新浏览器缓存


JS的RegRxp对象:
<script type="text/javascript">
//test() 检索字符串中指定的值。如果存在匹配的字符返回 true,如果不存在匹配的字符返回 false
//创建正则表达式的对象
var reg = new RegExp("[a]");
//创建一个字符串
var name = "lisia";
//使用正则对象匹配字符串
var flag = reg.test(name);
document.write(flag);
</script>


JS的的BOM对象:
    1)window对象是窗口对象,是顶层对象

setInterval("执行的js代码",毫秒数) 在指定的时间内,重复执行js代码 /用作定时器
//语法setTimeout(code,millisec)这两个参数必须都要有
setTimeout("执行的js代码",毫秒数) 在指定的时间之后,执行js代码,执行一次
clearInterval(id) 取消由 setInterval() 设置的 timeout
clearTimeout(id) 取消由setTimeout() 方法设置的 timeout
var id1 = setInterval("alert('setinterval')",3000);
clearInterval(id1);

open() 打开一个新的浏览器窗口或查找一个已命名的窗口 
//语法window.open("http://www.baidu.com");
close() 关闭浏览器窗口 
myWindow=window.open('','','width=200,height=100')
myWindow.close();
    2)其他
第一个:navigator 浏览器的信息
第二个:screen 屏幕的信息
第三个: history 访问地址的历史信息
第四个: location
* 设置url
* href 设置或返回完整的 URL



JS的全局变量和局部变量
1)全局变量
* 在js里面,如果在一个script标签里面定义变量,在页面中的其他script标签里面都可以使用。(要注意上下顺序)
2)局部变量
* 在js的方法里面定义一个变量,这个变量只能在方法里面使用
JS全局函数(顶层函数)
1)全局函数可用于所有内建的 JavaScript 对象
2)主要的函数
eval(): 把字符串当成js代码执行
** var str = "alert('123456');";
//alert(str);
eval(str);
 
isNaN() 检查某个值是否是数字
** 如果是数字返回 false,如果不是一个数字返回 true。


parseInt() 解析一个字符串并返回一个整数
** var str1 = "123";
alert(parseInt(str1)+1);


encodeURI() 把字符串编码为 URI
** var str2 = "abc测试中文";
var encodestr2 = encodeURI(str2);
document.write(str2);
document.write("<br/>");
document.write(encodestr2);


decodeURI() 解码某个编码的 URI
** var decodestr2 = decodeURI(encodestr2); 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值