数组对象的删除有三种方法：

pop();        //移除最后一个元素并返回该元素值
shift();      //移除最前一个元素并返回该元素值，数组中元素自动前移
splice(0,2); //删除从指定位置deletePos开始的指定数量deleteCount的元素，数组形式返回所移除的元素
通过这三种方法我们可以将数组中的元素按进行删除

  1. var del = ["aa",23,345,56,34,"bb"];
  2. var del_last = del.pop();        //["bb"]
  3. var del_first = del.shift();      //["aa"]
  4. var del_arr = del.splice(0,2); //[23,345]
  5. document.write(del);//[56,34]

String 对象用来处理文本。任何一个字符串常量都是一个String对象,可以将其直接作为对象来使用。

string对象具有length属性，通过length属性我们可以获取字符串的长度。

  1. var str = “hello”;
  2. var str2 = “你好”;
  3.     alert(str.length);		//输出 5
  4.     alert(str2.length);		//输出 2

字符串的提取方法有

1.charAt()方法返回指定位置的字符。
2.substr()方法，内有两个参数，第一个为传入起始位数，第二个为截取的长度，返回截取的字符串。
3. substring()方法，内有两个人参数，分别为传入开始的位置和结束的位置，返回的是截取的字符串。

  1. 	var str = "HELLO WORLD";
  2. 	var n = str.charAt(2); //E
  3. 	alert(str.substr(0,2);//HE
  4. 	alert(str.substring(0,3))//HEL

查找字符串的方法有：

1. indexOf()//返回某个指定的字符串值在字符串中首次出现的位置。

2.lastIndex()方法//查找字符最后一次出现的位置

3. search()方法查找指定的字符串或与正则表达式相匹配的子字符串

  1. var str="Hello world, welcome to the universe.";
  2. 	alert(str.indexOf(“welcome”);//13
  3. 	alert(str.lastIndexOf(‘e’));	//35

字符串的替换方法有replace，用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

  1. var str="Visit Microsoft!";
  2. 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清除循环定时器。其参数为定时器的变量名

  1. var a=0;
  2. var t=setInterval(function(){
  3.     a++;
  4. console.log(a);
  5. },1000);
  6.      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引用
例：

  1. var info = navigator.userAgent;
  2. alert(info);//获取浏览器内部代号，名称，操作系统等信息

DOM (document object model) 文档对象模型，它定义了操作文档对象的接口。其将一份html文档表示为一棵家谱树，使用parent(父), child(子), sibling(兄弟)等记号来表明家庭成员（各元素）之间的关系。
一、节点
文档是由节点构成的集合。节点有以下三种
1.元素节点
元素节点如 <body> <p> <div> 之类的元素即html中的标签，这些元素在文档中的布局形成了文档的结构。
2.文本节点
文本节点指的是元素节点中的内容，但并非所有的元素节点都包含有文本节点，通常含有文本节点的元素有会成对出现，文本节点就在标签对之间。
3.属性节点
元素都或多或少有一些属性，属性的作用是对元素作出更具体的描述。属性节点总是被包含在元素节点当中。

  1. <p title="这里显示提示信息">这是一个段落</p>
  2. //元素节点为p标签，属性节点是title，文本呢节点为：这是一个段落。

HTML5新加入了两种获取文档对象的方法， 1. querySelector()。2. querySelectorAll()。两者都是通过传入合法的CSS选择器，获取符合条件的元素。第一种只返回第一个元素，第二种返回所有的符合条件的元素组成的对象组。要注意的是使用这上面两个方法无法查找带伪类状态的元素，比如querySelector(‘:hover’)不会得到期结果。

  1. document.querySelector(“#test”); //返回id为test的首个div
  2. document.querySelectorAll(‘div.foo’)；//返回所有带foo类样式的div元素对象

数组对象元素的添加，String对象，BOM对象以及文档对象的获取的更多相关文章

  1. 前端开发—BOM对象DOM文档对象操作

    BOM 浏览器对象 BOM:Browser Object Model 操作浏览器,需要调用window对象,它是所有浏览器都支持的对象,表示的就是浏览器窗口 window对象可以通过点调用子对象 wi ...

  2. DOM文档对象总结

    DOM总结: DOM:文档对象模型document object model DOM三层模型: DOM1:将HTML文档封装成对象 DOM2:将XML文档封装成对象 DOM3:将XML文档封装成对象 ...

  3. 第一百一十四节，JavaScript文档对象，DOM进阶

    JavaScript文档对象,DOM进阶 学习要点: 1.DOM类型 2.DOM扩展 3.DOM操作内容 DOM自身存在很多类型,在DOM基础课程中大部分都有所接触,比如Element类型:表示的是元 ...

  4. 第一百一十三节，JavaScript文档对象，DOM基础

    JavaScript文档对象,DOM基础 学习要点: 1.DOM介绍 2.查找元素 3.DOM节点 4.节点操作 DOM(Document Object Model)即文档对象模型,针对HTML和XM ...

  5. JavaScript的DOM（文档对象）基础语法总结2

    1.getAttribute()方法,通过元素节点的属性名称获取属性的值. //语法 elementNode.getAttribute(name) //element(元素);Node(节点) //注 ...

  6. 文档对象类型DOM

    1 DOM概述 1.1 什么是DOM 文档对象模型 Document Object Model 文档对象模型 是表示和操作 HTML和XML文档内容的基础API 文档对象模型,是W3C组织推荐的处理可 ...

  7. js操作文档对象的节点

    好吧,为了能让大家不至于睡着,我们先回顾先前面的东东吧~ 1.首先我们写了javaScriput的是一门弱类型的解释性的脚本语言:弱类型:我们的变量不用申明其具体的数据类型,在使用的时候浏览器根据其存 ...

  8. 框架和内嵌框架--->frameset 和 iframe 的文档对象

    框架和内嵌框架分别用 HTMLFrameElemnt 和 HTMLIFrameElement 表示,它们在 DOM2 中有一个新属性----->contentDocument,是一个指针,表示框 ...

  9. 怎样获取从服务器返回的xml或html文档对象

    使用 xhr.responseXML;  通过这个属性正常获取XML或HTML文档对象有两个前置条件: 1. Content-Type头信息的值等于: text/xml 或 application/x ...

随机推荐

  1. 【转载】python：特殊函数使用方式

    [转载]廖雪峰的官方网站 可变参数 在Python函数中,还可以定义可变参数.顾名思义,可变参数就是传入的参数个数是可变的. 我们以数学题为例子,给定一组数字a,b,c……,请计算a2 + b2 + ...

  2. （转 飛雲若雪）ADO.NET

    一.简单介绍ADO.NET System.Data:DataTable,DataSet,DataRow,DataColumn,DataRelation,Constraint System.Data.C ...

  3. C# 窗口传值的方法

    方法一: A to B 设置FormB 为 带参数的构造函数 public Form2( object msg) { InitializeComponent(); } 方法二: A to B  定义一 ...

  4. html行内元素 和 块状元素 总结

    块状元素 address - 地址blockquote - 块引用center - 举中对齐块dir - 目录列表div - 常用块级容易,也是CSS layout的主要标签dl - 定义列表fiel ...

  5. 用win32API 实现TextBox水印特效

    demo效果:

  6. effective C#之 - 使用属性代替成员变量

    使用属性代替公共成员变量,一个很明显的好处是,很容易在一个地方对成员变量进行控制,例如: class Customer { private string name; public string Nam ...

  7. C++拾遗（十二）C++代码重用

    “has-a”关系 通常有两种方法实现: 1.被包含,本身是另一个类的对象. 2.私有或者保护继承. 主要讨论第二种方法,在继承时使用private关键字(或者不用任何关键字,默认就是私有的). 使用 ...

  8. Qt Quick App的两种启动模式

    QQmlApplicationEngine搭配Window QQuickView搭配Item 两者不同之处在于: 使用QQuickView显示QML文档,对窗口的控制权(比如设置窗口标题.Icon.窗 ...

  9. Android的消息处理机制（Looper，Handler，Message）(转)

    Handler Handler的定义: 主要接收子线程发送的数据,并用此数据配合主线程更新UI. 当应用程序启动时,Android首先会开启一个主线程(也就是UI线程),主线程为管理界面中的UI空间进 ...

  10. mysql 5.5 升级到 mysql 5.6

    目前MySQL数据库软件升级到5..26版本,主要有两种方法.一种是停机升级,即在现有环境下先停止数据库,然后升级数据库软件版本和数据库版本:另外一种是采用不停机的主从升级(master--slave ...