数组对象元素的添加,String对象,BOM对象以及文档对象的获取
数组对象的删除有三种方法:
pop(); //移除最后一个元素并返回该元素值
shift(); //移除最前一个元素并返回该元素值,数组中元素自动前移
splice(0,2); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素
通过这三种方法我们可以将数组中的元素按进行删除
var del = ["aa",23,345,56,34,"bb"];
var del_last = del.pop(); //["bb"]
var del_first = del.shift(); //["aa"]
var del_arr = del.splice(0,2); //[23,345]
document.write(del);//[56,34]
String 对象用来处理文本。任何一个字符串常量都是一个String对象,可以将其直接作为对象来使用。
string对象具有length属性,通过length属性我们可以获取字符串的长度。
var str = “hello”;
var str2 = “你好”;
alert(str.length); //输出 5
alert(str2.length); //输出 2
字符串的提取方法有
1.charAt()方法返回指定位置的字符。
2.substr()方法,内有两个参数,第一个为传入起始位数,第二个为截取的长度,返回截取的字符串。
3. substring()方法,内有两个人参数,分别为传入开始的位置和结束的位置,返回的是截取的字符串。
var str = "HELLO WORLD";
var n = str.charAt(2); //E
alert(str.substr(0,2);//HE
alert(str.substring(0,3))//HEL
查找字符串的方法有:
1. indexOf()//返回某个指定的字符串值在字符串中首次出现的位置。
2.lastIndex()方法//查找字符最后一次出现的位置
3. search()方法查找指定的字符串或与正则表达式相匹配的子字符串
var str="Hello world, welcome to the universe.";
alert(str.indexOf(“welcome”);//13
alert(str.lastIndexOf(‘e’)); //35
字符串的替换方法有replace,用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
var str="Visit Microsoft!";
var n=str.replace("Microsoft","W3CSchool");//"Visit W3CSchool!"
除了上述方法外,字符串还有拼接,字符的大小写转换的,他们分别是1.concat,2.+号判断左右两边,如果有一边是字符串,则该+号为拼接作用3.toLowerCase() 方法用于把字符串转换为小写,4toUpperCase() 方法用于把字符串转换为大写。
BOM (浏览器对象模型),它提供了与浏览器窗口进行交互的对象。
一、window对象
Window对象表示整个浏览器窗口。期房法有
1.系统消息框:alert();
2.确认对话框:confirm() 该方法返回一个boolean值,如果点击ok返回true,点击cancel返false;
3.输入对话框:prompt() 如果点击ok将文本框中的值作为函数值返回,如果点击cancel返回null;
4. 打开新窗口 window.open();
5.定时器 循环定时器settimeout和单次定时器setinterval。这两种定时器都接收两个参数,前者为需要执行的代码串或函数,后者为时间,单位毫秒。若要清除定时器则要用到clearTimeout()清除单次定时器和clearInterval清除循环定时器。其参数为定时器的变量名
var a=0;
var t=setInterval(function(){
a++;
console.log(a);
},1000);
setTimeout(clearInterval(t),5000);
二、history对象window对象的子对象,对应于浏览器的历史记录。
window.history.go(-1);//返回前一页,其返回的页面有括号里的参数所决定
window.history.go(1);//进入下一页,由参数决定
history.back();//返回前一页
history.forward();//进入下一页
三、Location对象也是window对象的子对象,通过它可以获取或设置浏览器的当前地址。
1.跳转到其它页面
window.location.href = "http://www.163.com";
location.href = "http://www.163.com";
2.重新载入页面(刷新)
location.reload();
四、navigator对象包含着有关web浏览器的信息,它也是window的属性,可以用window.navigator引用它,也可以用navigator引用
例:
var info = navigator.userAgent;
alert(info);//获取浏览器内部代号,名称,操作系统等信息
DOM (document object model) 文档对象模型,它定义了操作文档对象的接口。其将一份html文档表示为一棵家谱树,使用parent(父), child(子), sibling(兄弟)等记号来表明家庭成员(各元素)之间的关系。
一、节点
文档是由节点构成的集合。节点有以下三种
1.元素节点
元素节点如 <body> <p> <div> 之类的元素即html中的标签,这些元素在文档中的布局形成了文档的结构。
2.文本节点
文本节点指的是元素节点中的内容,但并非所有的元素节点都包含有文本节点,通常含有文本节点的元素有会成对出现,文本节点就在标签对之间。
3.属性节点
元素都或多或少有一些属性,属性的作用是对元素作出更具体的描述。属性节点总是被包含在元素节点当中。
<p title="这里显示提示信息">这是一个段落</p>
//元素节点为p标签,属性节点是title,文本呢节点为:这是一个段落。
HTML5新加入了两种获取文档对象的方法, 1. querySelector()。2. querySelectorAll()。两者都是通过传入合法的CSS选择器,获取符合条件的元素。第一种只返回第一个元素,第二种返回所有的符合条件的元素组成的对象组。要注意的是使用这上面两个方法无法查找带伪类状态的元素,比如querySelector(‘:hover’)不会得到期结果。
document.querySelector(“#test”); //返回id为test的首个div
document.querySelectorAll(‘div.foo’);//返回所有带foo类样式的div元素对象
数组对象元素的添加,String对象,BOM对象以及文档对象的获取的更多相关文章
- 前端开发—BOM对象DOM文档对象操作
BOM 浏览器对象 BOM:Browser Object Model 操作浏览器,需要调用window对象,它是所有浏览器都支持的对象,表示的就是浏览器窗口 window对象可以通过点调用子对象 wi ...
- DOM文档对象总结
DOM总结: DOM:文档对象模型document object model DOM三层模型: DOM1:将HTML文档封装成对象 DOM2:将XML文档封装成对象 DOM3:将XML文档封装成对象 ...
- 第一百一十四节,JavaScript文档对象,DOM进阶
JavaScript文档对象,DOM进阶 学习要点: 1.DOM类型 2.DOM扩展 3.DOM操作内容 DOM自身存在很多类型,在DOM基础课程中大部分都有所接触,比如Element类型:表示的是元 ...
- 第一百一十三节,JavaScript文档对象,DOM基础
JavaScript文档对象,DOM基础 学习要点: 1.DOM介绍 2.查找元素 3.DOM节点 4.节点操作 DOM(Document Object Model)即文档对象模型,针对HTML和XM ...
- JavaScript的DOM(文档对象)基础语法总结2
1.getAttribute()方法,通过元素节点的属性名称获取属性的值. //语法 elementNode.getAttribute(name) //element(元素);Node(节点) //注 ...
- 文档对象类型DOM
1 DOM概述 1.1 什么是DOM 文档对象模型 Document Object Model 文档对象模型 是表示和操作 HTML和XML文档内容的基础API 文档对象模型,是W3C组织推荐的处理可 ...
- js操作文档对象的节点
好吧,为了能让大家不至于睡着,我们先回顾先前面的东东吧~ 1.首先我们写了javaScriput的是一门弱类型的解释性的脚本语言:弱类型:我们的变量不用申明其具体的数据类型,在使用的时候浏览器根据其存 ...
- 框架和内嵌框架--->frameset 和 iframe 的文档对象
框架和内嵌框架分别用 HTMLFrameElemnt 和 HTMLIFrameElement 表示,它们在 DOM2 中有一个新属性----->contentDocument,是一个指针,表示框 ...
- 怎样获取从服务器返回的xml或html文档对象
使用 xhr.responseXML; 通过这个属性正常获取XML或HTML文档对象有两个前置条件: 1. Content-Type头信息的值等于: text/xml 或 application/x ...
随机推荐
- PC端QQ协议解析之0825
QQ协议0825代号解析,包括客户端发送包和服务器发送包. 主要借鉴的此篇文章,我自己也是重复造轮子. 基本信息 操作系统:windows7 QQ-Version:3643 客户端到服务器: 02:数 ...
- linux中内核的一个不错的参数somaxconn
导读:在linux中,/proc/sys/net/core/somaxconn这个参数,linux中内核的一个不错的参数somaxconn 看下其解析: 对于一个TCP连接,Server与Client ...
- Node.js脚本杀掉占用端口的进程
express默认端口为3000,由于实际需要改为3392,修改监听3392之后,没有成功,发现该端口被系统正占用,为了避免每次都手工停掉该系统调用,释放端口,故写了如下脚本. var cmd=pro ...
- Python 中 open()文件操作的方式
Python的open方法用来打开一个文件.第一个参数是文件的位置和文件名,第二个参数是读写模式: f=open('/1.txt','w') 读写模式的类型有: rU 或 Ua 以读方式打开, 同时提 ...
- oracle 数据库开发面试题,当时笔试的时候一个没做出来,现附原题及答案
1. ID123567810111215 表名tt,用sql找出ID列中不连续的ID,例如其中没有的4: --创建表及数据 CREATE TABLE tt(ID INTEGER); INSERT IN ...
- java.lang.NumberFormatException: empty String 错误
原因:前台获取的字符串,后台类型转换,与之对应的实体类中却是Integer类型,所以会报错. 排错情况:1.先检查数据库与实体类中的类型是否一致 2.检查类型转换代码,如果需要加入异常处理
- excel导出的集中情况
jsp 页面: 导出按钮: <form id="excel" name="exportForm" method="post" acti ...
- bat 小工具
@echo ************************************************************************:start@echo offset /p ...
- php代码的一些高效写法
用单引号代替双引号来包含字符串,这样做会更快一些.因为PHP会在双引号包围的字符串中搜寻变量,单引号则不会,注意:只有echo能这么做,它是一种可以把多个字符串当作参数的“函数”(译注:PHP手册中说 ...
- linux磁盘空间用满的处理方法
linux下空间满可能有两种情况 可以通过命令 df -h 查看磁盘空间占用,实际上是查看磁盘块占用的文件(block) df -i 查看索引节点的占用(Inodes) 磁盘块和索引节点其中之一满 ...