学习java 的第47天。今天学习了:js的函数、数组,js的event对象,bom中的常用对象,dom如何获取节点,以及dom节点的类型。
JS 中函数的声明 :声明方式有三种:
①:function 函数名(){函数体}
②:var 函数名=function(){函数体}
③:var 函数名=new function (函数体)
函数作为参数进行传递时,()是函数的执行符,用来作函数的执行。
在js中实参的个数和形参的个数可以不一致
Date对象常用的方法:
Var date = new Date();
date.getDate():本月的第几天。
date.getDay():本周中的第几天。
date.getMonth():返回月份。
date.getYear():返回的是1900年到现在年份的差值
date.getFullYear():以四位数字返回年份。
date.toLocaleString():根据本地时间格式,把 Date 对象转换为字符串。
Math对象常用的方法
Var ran =Math.random();
Math.floor(ran):向下取整
Math.ceil(ran):向上取整
Math.floor(Math.random()*9000+1000):获得4位随机数--验证码、
String对象的常用方法:
var a="w-e-l-c-o-m-e";
var b="welcome";
方法示例:
获得下标为3的内容:document.write(b.charAt(3)+"<br />");//c
获得该字符串开始的下标:document.write(b.indexOf("me")+"<br />");//5
字符串截取 (开始下标, 截取长度):document.write(b.substr(3,2)+"<br />");//co
从下标数开始往后截取字符串:document.write(b.substr(3)+"<br />");//come
提取字符串中两个指定的索引号之间的字符。document.write(b.substring(2,5)+"<br />");//lco
把字符串以“-”为界分割为字符串数组。document.write(a.split("-"));//w,e,l,c,o,m,e
Global对象的常用方法
eval():计算 JavaScript 字符串,并把它作为脚本代码来执行。
例如:var b = “var c=1”
eval(b);
Document.write(c); ——结果为1。
isNaN():检查某个值是否是数字。或者说:检查指定内容能不能被转化成一个number类型。
数组学习 :
JavaScript中的Array数组相当于声明了一个object类型的数组,可以存放各种类型。
数组的声明方式 :
//方式一
var arr=new Array();
//方式二 5代表数组的长度
var arr2=new Array(5);
//方式三
var arr3=new Array("你好",123,new String(),true);
//方式四
var arr4=["bjsxt",123,new Date(),false];
数组的使用:
js中数组的下标可以不连续,没有给值的下标就会显示empty。
数组的扩容 ;数组的遍历 。
结果
数组中常用的方法 :
列举JS中数组的常用方法:
arr.push();括号里是要添加的内容:向数组的末尾添加一个或更多元素,并返回新的长度。
arr.pop();删除并返回数组的最后一个元素 。
arr.unshift();向数组的开头添加一个或更多元素,并返回新的长度。
arr.shift();移除第一个元素
arr.splice(1,2); :删除开始的下标1, 删除的个数为2。
arr.splice(1,0,添加的内容);添加的操作 ,可以理解为,在下标为1的地方删除0个,在下标为1 的地方添加内容。
event 事件:
事件是可以被 JavaScript 侦测到的行为
网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。事件通常与函数配合使用,这样就可以通过发生的事件来驱动函数执行 。
常用的事件:
BOM 和 DOM 对象
BOM是Browser Object Model的简写,即浏览器对象模型。
BOM由一系列对象组成,是访问、控制、修改浏览器的属性的方法
BOM没有统一的标准(每种客户端都可以自定标准)。
BOM的顶层是window对象
DOM是Document Object Model的简写,即文档对象模型。
DOM用于XHTML、XML文档的应用程序接口(API)。
DOM提供一种结构化的文档描述方式,从而使HTML内容使用结构化的方式显示。
DOM由一系列对象组成,是访问、检索、修改XHTML文档内容与结构的标准方法。
DOM标准是由w3c制定与维护。DOM是跨平台与跨语言的。
DOM的顶层是document对象
关系:BOM对象包含DOM对象。
BOM 是为了操作浏览器出现的 API,window 是其根对象。
DOM 是为了操作文档出现的 API,document 是其根对象。
BOM 对象-window
三种弹框的方式:
window.alert("普通弹窗,只有确认按钮")
window.confirm("有取消按钮的弹窗!"),(点击确认键返回值为ture,点击取消键则会返回false)。
window.prompt("第一个引号里是弹窗提示信息","第二个引号是输入框内容的默认值");(返回值为输入框中的内容)。
prompt
定时器的应用
setInterval():按照指定的周期(以毫秒计)来调用函数或计算表达式。可用秒表的自动计时。
setTimeout():在指定的毫秒数后调用函数或计算表达式。
清除计时器的操作
window.clearInterval();
window.clearTimeout();
关闭和打开浏览器
打开指定的页面 window.open("网址");
关闭浏览器窗口。 window.close();
BOM对象-location-history-navigator
location.href; 返回当前显示的文档的完整 URL。
location.port; 返回当前 URL 的端口号。
location.hostname; 返回主机名和当前 URL 的端口号。
location.host; 返回主机名和当前 URL 的端口号。
location.href=“http://www.xxx.com”;设置新的 URL,使浏览器读取并显示新的 URL 的内容。
location.assign(URL)加载新的文档
ocation.replace(newURL)用一个新文档取代当前文档。
location.reload(); 重新加载当前文档。
History 对象:
返回历史记录的数量 :var len= window.history.length;
后退按钮 :window.history.back();
前进按钮:window.history.forward();
如果是正数标识前进指定的页面 如果是负数标识后退指定的页面 :
window.history.go(-1);
Screen:对象:获得当前屏幕的分辨率:
DOM 中的节点类型 :
元素节点;element node
属性节点;attribute node
文本节点;text node
首先获取元素节点后,就可以对操作文本、 操作属性 、操作CSS样式(一个特殊的属性style)操作元素;
获得元素对象的方式(DOM)
直接获得的方式
间接获得对象的方式:
通过父节点获得子节点:当前节点id名.childNodes;
通过字节点获得父节点:当前节点id名.parentNode;
获得下一个节点包含空白的文档:当前节点id名.nextsibling;
获得下一个节点不包含空白的文档:当前节点id名.nextElementsibling;
获得上一个节点对象包含空白文档 :当前节点id名.previousibling;
获得上一个节点对象不包含空白文档:当前节点id名.previouElementsaaibling;