zoukankan      html  css  js  c++  java
  • 数组对象元素的添加,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元素对象
    







     

  • 相关阅读:
    二.二分法总结
    20201214 Json与pickle数据序列化
    20201213-1 HTML基本标签(一)
    20201207-2 openpyxl 库与模块导入
    20201207-1 实例变量与类变量
    20201205-3 HTML环境搭建与文件基本结构
    20201205-2 HTML概念与版本
    20201204-3 opp编程好处与构造函数
    20201204-2 面向对象特性介绍
    20201204-1 面向对象介绍
  • 原文地址:https://www.cnblogs.com/wuxiaoshang/p/5851183.html
Copyright © 2011-2022 走看看