1、js的string对象
创建string对象
var str="abc";
方法和属性(文档)
属性length:字符串的长度
方法:
(1)与html相关的方法
bold();加粗
fontcolor();设置字符串的颜色
fontsize();设置字体的大小
link();将字符串显示成超链接
str4.link("hello.html");
sub() sup():下标和上标
(2)与java相似的方法
concat():连接字符串
charAt():返回指定位置的字符串
indexOf():返回字符串的位置
不存在则返回-1
split():切分字符串,成数组
按照指定的一个切分符号
replace():替换字符串
传递两个参数:
第一个参数是原始字符
要替换成的字符
substr()和substring()
str:从第一位开始,向后截取几位[ , ]
string:从第一位开始,到第几位结束,但是不包含最后哪一位[ , )
2、js的Array对象
创建数组(三种)
var arr1=[1,2,3];
var arr2=new Array(3);
var arr3=new Arrat(1,2,3);
var arr=[];//创建一个空数组
属性:length:查看数组的长度
方法:
concat():数组的连接
join():根据指定的字符分割数组
push():向数组末尾添加元素,返回数组的新的长度
如果添加的是一个数组,这个时候把数组当作一个整体字符串添加进去
pop():表示删除最后一个元素,返回删除的那个元素
reverse():颠倒数组中的元素顺序
3、js的Data对象
在java里面获取当前时间
Date date=new Date();
//格式化
//toLocaleString()
在js里面获取当前时间
var date=new Date();
获取当前的年方法:
getFullYear():得到当前的年
获取当前的月方法:
getMonth():获取当前月
返回的是0-11,如果想得到准确的值,加1
获取当前的星期:
getDay():星期,返回的是(0-6)
星期日是0,其余是1-6
获取当前的日:
getDate():得到当前的天 1-31
获取当前的小时:
getHours()
获取当前的分钟:
getMinutes()
获取当前的秒:
getSeconds()
获取毫秒数
getTime()
返回的是1970 1 1至今的毫秒数
应用场景:
使用毫秒数处理缓存的效果(不有缓存)
http://www.baidu.com?毫秒数
4、js的Math对象
数学运算
里面都是静态方法,使用可以使用Math.方法名()
ceil(x):向上舍入
floor(x):向下舍入
round(x):四舍五入
random():得到随机数(伪随机数)
得到0-9的随机数
Math.floor(Math.random()*10);
5、js的全局函数
由于不属于任何一个对象,直接写名称使用
eval():执行js代码(如果字符串是一个js代码,使用方法直接执行)
encodeURI():对字符进行编码
decodeURI():对字符进行解码
encodeURIComponent()和decodeURIComponent
isNaN();判断当前字符串是否是数字
如果是数字,返回false
如果不是数字,返回true
parseInt():类型转换
6、js的函数重载
方法名相同,参数不同
js的重载是否存在? 不存在
调用最后一个方法
把传递的参数保存到arguments数组里面
(1)js里面不存在重载
(2)但是可以通过其他方式模拟重载的效果(通过arguments数组实现)
7、js的Bom对象
bom:broswer object model:浏览器对象模型
有哪些对象?
navigator:获取客户机的信息(浏览器的信息)
navigator.***
screen:获取屏幕的信息
location:请求url地址
href属性
获取到请求的url地址
document.write(location.href);
设置url地址
页面上设置一个按钮,按钮上绑定一个事件,当点击,可以跳转到另外一个页面
<input type="button" value="tiaozhuan" onclick="href();">
鼠标点击事件 onclick="js的方法;"
history: 请求的url的历史记录
到访问的上一个页面:
history.back();
history.go(-1);
到访问的下一个页面:
history.forward();
history.go(1);
window:
窗口对象
顶层对象(所用的bom对象都是在window里面操作的)
方法:
window.alert():页面弹出一个框,显示内容
简写alert()
confirm():确认框
var flag=window.confirm("显示的内容");
prompt():输入的对话框
window.prompt("显示的内容","输入框里面显示的默认值");
open():打开一个新的窗口
open("打开的新窗口的地址url","","窗口特征","");
close():关闭窗口(浏览器兼容性比较差)
做定时器
setInterval("js代码",毫秒数); 会返回一个ID值 1s=1000ms
表示每毫秒数,执行一次js代码
setTimeout("js代码",毫秒数); 会返回一个ID值
表示在毫秒数之后执行,只执行一次
clearInterval():清除setInterval设置的定时器
clearTimeout():清除setTimeout设置的定时器
8、js的dom对象
dom:document object model:文档对象模型
文档:超文本文档(超文本标记文档)html、xml
对象:提供了属性和方法
模型:使用属性和方法操作超文本标记型文档
可以使用js里面的dom的里面提供的对象,使用这些对象的属性和方法,对标记型文档进行操作
想要对标记型文档进行操作,首先需要对标记型文档里面所有内容封装成对象
需要把html里面的标签、属性、文本内容都封装成对象
要想对标记型文档进行操作,解析标记型文档
解析过程:
根据html的层级结构,再内存中分配一个树形结构,需要把html中每部分封装成对象
document对象:整个文档
element对象:标签对象
属性对象
文本对象
Node节点对象:这个对象是这些对象的父对象
如果在对象里面找不到想要的方法,这个时候到Node对象里面去找
DHTML:是很多技术的简称
html:封装数据
css:使用属性和属性值设置样式
dom:操作html文档
JavaScript:专门指的是js的语法语句(ECMAScript)
9、document对象
表示整个的文档
常用方法
write()方法:
(1)向页面输出变量(值)
(2)向页面输出html代码
getElementById();
通过id得到元素(标签)
getElementByName();
通过标签的name属性值得到标签
返回的是一个集合(数组)
getElementByTagName();
通过标签名称得到元素
注意地方:
只有一个标签,这个标签只能使用name获取到,这个使用,使用getElementByName返回的是一个数组
但是现在只有一个元素,这个时候不需要遍历。而是可以直接通过数组的下标获取到值
var input=document.getElementByName("name")[0];
alert(input.value);
10、window
opener:属性,获取创建当前窗口的窗口
做案例时会有一个问题:
由于我们现在访问的是本地文件,js的安全性,谷歌浏览器安全级别很高,不允许访问本地文件
在实际开发中,没有这样的问题,实际中不可能访问本地的文件
JS2
猜你喜欢
转载自blog.csdn.net/cameles/article/details/80305495
今日推荐
周排行