1、js的String对象
创建String对象 var str="hfhf"; var str1=new String("hehe");
属性:length字符串的长度 alert(str.length);
方法:
与html相关的方法(设置显示样式的方法)
1、alert(str.bold());加粗字体
2、document.write(str.fontcolor("red"));用来指定字体的颜色
3、document.write(str.fontsize("7"));用来指定字体的大小
4、document.write(str.link("路径"));将字体设置为超链接
5、document.write(str.sup("2"));把字符串显示为上标,sub相反
与java相似的方法
1、document.write(str.charAt());返回指定位置的字符
2、document.write(str.concat(str2));连接字符串
3、document.write(str.indexOf());返回指定字符串值在字符串中首次出现的位置
如果没有则返回-1
4、document.write(str.replace(old,new));替换字符串
5、document.write(str.spilt(""));把字符串分割为字符数组
6、substr();从起始索引号提取字符串中指定的字符
7、substring();提取字符串中两个指定的索引号之间的字符。
8、substr(3,5);从索引位子开始向后截取五个字符
substring(3,5);从索引位置开始到第五位结束,但不包含第五位
2、js的Array对象
创建数组的三种方式:
1、var arr1=[1,2,"3"];与java不同之处,java数组只能是同一数据类型
2、var arr2=new Array(3);
3、var arr3=new Array(1,2,"3");
属性:
length
方法:
1、document.write(arr1.concat(arr2));连接数组
2、document.write(arr1.join("-"));把数组的所有元素放入一个字符串,元素通过指定的分
隔符进行进行分割;
3、document.write(arr1.push());向数组的末尾添加一个或更多的元素,并返回新的长度。
添加的是一个元素,如果添加的是数组,会把一个整体添加进去
4、document.write(arr1.pop());删除并返回数组的最后一个元素
5、document.write(arr1.reverse());颠倒数组中元素的顺序
3、js的Date对象
创建Date对象
var date=new Date();
方法:
1、toLOcaleString();根据本地时间格式,把Date对象转换为字符串。
2、getFullYear()获取年从Date对象以四位数字返回年份(不用getYear()方法)
3、getMonth()从Date对象返回(0-11),需加1
4、getDay()从Date对象返回(0-6)
判断如果为0则加7,表示星期日
5、getHours();小时
6、getMinutes();分钟
7、getSeconds();秒
8、getTime();返回1970年1月1日至今的毫秒数
4、js的Math对象
1、Math中的方法都是静态的
2、ceil();上舍入
3、floor();下舍入
4、round();把一个数四舍五入得到最接近的数
5、random();返回0-1之间的随机数
5、js的全局函数
1、不属于任何一个对象,直接写方法名eval();
var str="alert("123")";
eval(str);
2、isNaN();判断是否为数字
NaN表示不是一个数字
返回true不是数字
返回false是数字
3、字符编码,ie浏览器是url编码,火狐是base64编码
encodeURI();把字符进行编码
decodeURI();把字符经行解码
4、parseInt();转换类型
6、js的函数重载
java里面有重载:方法名相同,参数列表不同
js中没有重载,但可以通过一些其他方式来模拟重载的效果
js中有一个数组arguments,这个数组用于存储传递过来的参数
通过arguments数组来模拟实现重载效果
=========================
7、js的BOM对象
即为broswer object model:浏览器对象模型
对象:
1、navigator:浏览器的信息
window.navigator.appName;(window可以省略)
2、screen:屏幕信息
screen.width;
3、location:URL的信息
a、获取url路径地址
location.href
b、设置url路径地址
<input type="button" value="跳转" οnclick="href1();"/>
function href1(){
location.href("路径","","width='',height=''");
}
4、history(三个方法):url的历史信息
back();加载history列表的前一个url
forward():加载history列表的下一个url
go()加载history列表的某个具体的页面
-1:上一个页面 1:下一个页面
8、window对象 窗口对象,顶层对象
方法:
1、alert();在页面弹出一个提示框
2、confirm();表示一个确认框
var cofm=window.confirm("确认框上的内容");
3、prompt()显示可提示用户输入的对话框
prompt(text,defaultText);
text:显示在输入框上的内容
defaultText:表示输入框的默认值
4、open()打开一个新的浏览器窗口
window.open("url地址","width='',height=''");
5、close();关闭窗口(有些浏览器不支持)
6、setInterval("js代码",毫秒数);(不断的执行)
setInterval("add();",毫秒数);
clearInterVal():根据setInterval()返回的id,清除设置的setTimeout()
7、setTimeout();(只执行一次)
clearTimeout:根据setTimeout()返回的id,清除设置的setTimeout()
9、DOM简介和解析html
document object model 文档对象模型
文档:标记型文档(html、xml)
对象:js是基于对象,对象里面包括属性和方法,学习js提供的dom对象里面的属性和方法
模型:js提供的dom对象里面的属性和方法对标记型文档进行操作
对标记型的文档进行操作:使用dom里面的属性和方法
首先;需要对标记型文档里面的所有内容进行封装成对象
标签、文本、属性
想要进行操作,首先必须解析html
解析html过程:
根据html的层级结构,在内存中分配一个树形结构
document对象:整个文档
元素对象:(标签)element
属性对象:
文本对象:
节点对象:Node,dom所有对象的父对象
DHTMl介绍:
不是一种技术,而是很多技术的简称
包含:
html:封装数据
css:提供了很多属性和属性值,来实现数据样式的变化
javascript(这里指的是ECMAScript):提供了一些简单的语法
dom:文档对象模型,对标记型文档进行操作
10、document对象
方法:
1、getElementById();通过id得到元素(标签)
var u1=document.getElementById("id值");
2、getElementsByName()
通过name属性值得到元素对象的集合
var u1=document.getElementsByName("userName");
for(var i=1; i<u1.length; i++){
var u2=u1[i];
document.write(u2.value);
}
如果是一个标签:
var u1=document.getElementsByName("userName").[0];
alert(u1.value);
3、getElementsByTagName();通过标签名获取元素对象的集合
创建String对象 var str="hfhf"; var str1=new String("hehe");
属性:length字符串的长度 alert(str.length);
方法:
与html相关的方法(设置显示样式的方法)
1、alert(str.bold());加粗字体
2、document.write(str.fontcolor("red"));用来指定字体的颜色
3、document.write(str.fontsize("7"));用来指定字体的大小
4、document.write(str.link("路径"));将字体设置为超链接
5、document.write(str.sup("2"));把字符串显示为上标,sub相反
与java相似的方法
1、document.write(str.charAt());返回指定位置的字符
2、document.write(str.concat(str2));连接字符串
3、document.write(str.indexOf());返回指定字符串值在字符串中首次出现的位置
如果没有则返回-1
4、document.write(str.replace(old,new));替换字符串
5、document.write(str.spilt(""));把字符串分割为字符数组
6、substr();从起始索引号提取字符串中指定的字符
7、substring();提取字符串中两个指定的索引号之间的字符。
8、substr(3,5);从索引位子开始向后截取五个字符
substring(3,5);从索引位置开始到第五位结束,但不包含第五位
2、js的Array对象
创建数组的三种方式:
1、var arr1=[1,2,"3"];与java不同之处,java数组只能是同一数据类型
2、var arr2=new Array(3);
3、var arr3=new Array(1,2,"3");
属性:
length
方法:
1、document.write(arr1.concat(arr2));连接数组
2、document.write(arr1.join("-"));把数组的所有元素放入一个字符串,元素通过指定的分
隔符进行进行分割;
3、document.write(arr1.push());向数组的末尾添加一个或更多的元素,并返回新的长度。
添加的是一个元素,如果添加的是数组,会把一个整体添加进去
4、document.write(arr1.pop());删除并返回数组的最后一个元素
5、document.write(arr1.reverse());颠倒数组中元素的顺序
3、js的Date对象
创建Date对象
var date=new Date();
方法:
1、toLOcaleString();根据本地时间格式,把Date对象转换为字符串。
2、getFullYear()获取年从Date对象以四位数字返回年份(不用getYear()方法)
3、getMonth()从Date对象返回(0-11),需加1
4、getDay()从Date对象返回(0-6)
判断如果为0则加7,表示星期日
5、getHours();小时
6、getMinutes();分钟
7、getSeconds();秒
8、getTime();返回1970年1月1日至今的毫秒数
4、js的Math对象
1、Math中的方法都是静态的
2、ceil();上舍入
3、floor();下舍入
4、round();把一个数四舍五入得到最接近的数
5、random();返回0-1之间的随机数
5、js的全局函数
1、不属于任何一个对象,直接写方法名eval();
var str="alert("123")";
eval(str);
2、isNaN();判断是否为数字
NaN表示不是一个数字
返回true不是数字
返回false是数字
3、字符编码,ie浏览器是url编码,火狐是base64编码
encodeURI();把字符进行编码
decodeURI();把字符经行解码
4、parseInt();转换类型
6、js的函数重载
java里面有重载:方法名相同,参数列表不同
js中没有重载,但可以通过一些其他方式来模拟重载的效果
js中有一个数组arguments,这个数组用于存储传递过来的参数
通过arguments数组来模拟实现重载效果
=========================
7、js的BOM对象
即为broswer object model:浏览器对象模型
对象:
1、navigator:浏览器的信息
window.navigator.appName;(window可以省略)
2、screen:屏幕信息
screen.width;
3、location:URL的信息
a、获取url路径地址
location.href
b、设置url路径地址
<input type="button" value="跳转" οnclick="href1();"/>
function href1(){
location.href("路径","","width='',height=''");
}
4、history(三个方法):url的历史信息
back();加载history列表的前一个url
forward():加载history列表的下一个url
go()加载history列表的某个具体的页面
-1:上一个页面 1:下一个页面
8、window对象 窗口对象,顶层对象
方法:
1、alert();在页面弹出一个提示框
2、confirm();表示一个确认框
var cofm=window.confirm("确认框上的内容");
3、prompt()显示可提示用户输入的对话框
prompt(text,defaultText);
text:显示在输入框上的内容
defaultText:表示输入框的默认值
4、open()打开一个新的浏览器窗口
window.open("url地址","width='',height=''");
5、close();关闭窗口(有些浏览器不支持)
6、setInterval("js代码",毫秒数);(不断的执行)
setInterval("add();",毫秒数);
clearInterVal():根据setInterval()返回的id,清除设置的setTimeout()
7、setTimeout();(只执行一次)
clearTimeout:根据setTimeout()返回的id,清除设置的setTimeout()
9、DOM简介和解析html
document object model 文档对象模型
文档:标记型文档(html、xml)
对象:js是基于对象,对象里面包括属性和方法,学习js提供的dom对象里面的属性和方法
模型:js提供的dom对象里面的属性和方法对标记型文档进行操作
对标记型的文档进行操作:使用dom里面的属性和方法
首先;需要对标记型文档里面的所有内容进行封装成对象
标签、文本、属性
想要进行操作,首先必须解析html
解析html过程:
根据html的层级结构,在内存中分配一个树形结构
document对象:整个文档
元素对象:(标签)element
属性对象:
文本对象:
节点对象:Node,dom所有对象的父对象
DHTMl介绍:
不是一种技术,而是很多技术的简称
包含:
html:封装数据
css:提供了很多属性和属性值,来实现数据样式的变化
javascript(这里指的是ECMAScript):提供了一些简单的语法
dom:文档对象模型,对标记型文档进行操作
10、document对象
方法:
1、getElementById();通过id得到元素(标签)
var u1=document.getElementById("id值");
2、getElementsByName()
通过name属性值得到元素对象的集合
var u1=document.getElementsByName("userName");
for(var i=1; i<u1.length; i++){
var u2=u1[i];
document.write(u2.value);
}
如果是一个标签:
var u1=document.getElementsByName("userName").[0];
alert(u1.value);
3、getElementsByTagName();通过标签名获取元素对象的集合