zoukankan      html  css  js  c++  java
  • js基础,Array 数组对象、BOM 浏览器对象模型

    Array 数组对象

    定义数组的 3种方式

    var week = new Array();

    var week = new Array(‘星期一’ , ‘星期二, ‘星期三’);

    var week = (‘星期一’ , ‘星期二, ‘星期三’);

    常用方法:

    获取数组的长度 .length:

     alert(week.length);
    

      

    获取数组下标所对应的值: 

    alert(week[0]);
    

      

    数组元素添加:

    将一个或多个新元素添加到数组结尾,并返回数组新长度

    var week_len = week.push('星期四','星期五');
    

      

    将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度 

    var week_len = week.unshift('星期日');
    

      

    将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。

    arr3.splice(0,0,"abc");
    document.write(arr3[0]);
    

      

    数组元素删除:

    var del = ["aa",23,345,56,34,"bb"]; var del_last = del.pop(); //移除最后一个元素并返回该元素值
    var del_first = del.shift(); //移除最前一个元素并返回该元素值,数组中元素自动前移
    var del_arr = del.splice(0,2); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素
    document.write(del_arr);
    

      

    String对象:

    String对象用来处理文本。

    事实上任何字符串常量都是一个String对象,可以将其直接作为对象来使用。

    获取字符串长度:

    length属性:

            var str = "hello";
    	var str2 = "你好";
    	alert(str.length);		//输出 5
    	alert(str2.length);		//输出 2
    

      

    提取字符串:

    1.charAt()方法:

            var str = "HELLO WORLD";
    	var n = str.charAt(2); //返回指定位置的字符。
    

      

    2.substr()方法:

    var title = "从第二个2字符开始截取至10个字符,后面用"..."代替。";
    document.write(title.substr(2,10)+"...");//从2开始截取10个字符。
    

      

    3.substring()方法:

    var title = "截取从第一个1字符开始到小于10的字符,后用"..."代替";
    document.write(title.substring(1,10)+"...");//截取从1开始到<10的字符。

      

    查找替换字符串:

    1.indexOf()和lastIndex()方法:

            var str="Hello world, welcome to the universe.";
    	alert(str.indexOf("welcome");//可返回某个指定的字符串值在字符串中首次出现的位置。
    	alert(str.lastIndexOf("e"));	//查找字符最后一次出现的位置
    

      

    2.replace()方法:

            var str="'我' 会被替换成 '你'!";
    	var n=str.replace("我","你");//用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
        
    

      

     3.search()方法:

    var str="Visit W3CSchool!";
    var n=str.search("W3CSchool");//查找指定的字符串或与正则表达式相匹配的子字符串
    laert(n)// 弹出的结果是6, 意思是在第六个字符后面

      

    拼接字符:

    1.concat

    	var str1 = "Hello ";
    	var str2 = "world!";
    	var n = str1.concat(str2); //concat() 方法用于连接两个或多个字符串。
    

      

    2.字符串拼接符:

    var str1 = str1 + str2; //+号判断左右两边,如果有一边是字符串,则该+号为拼接作用
    

      

     其他方法:

    1.toLowerCase() 方法
         var str="Hello World!”;
    	document.write(str.toLowerCase());//用于把字符串转换为小写
    

      

    2.toUpperCase() 方法
         var str="Hello world!";
    	document.write(str.toUpperCase());//用于把字符串转换为大写。
    

      

    BOM 浏览器对象模型

    BOM(浏览器对象模型),它提供了与浏览器窗口进行交互的对象。

    一.window对象

    window对象表示整个浏览器窗口。

    1.系统消息弹框, alert();

    alert('hello,我是弹框');
    

      

    2.确认对话框, confirm();

    该方法返回一个Boolean值,如果点击OK返回true,点击cansel返回false;

                    var confrim = confirm("你确定删除吗?");
    			
    			if(confrim == 0){
    				alert("删除成功");
    			}else{
    				alert("删除取消");
    			}    
    

      

    3.输入对话框, prompt();

    如果点击ok将文本框中的值作为函数值返回,如果点击cancel返回null
     var name = prompt("请输入你的姓名?","");
      if(name != null){
    	alert(‘welcome’+ name);
    }
    

      

    4.打开新窗口, window.open();

    window.open("http://www.baidu.com","_blank","width=300, height=200");
    

      

    5.定时器,setInterval(),setTimeout()

    定时器可以说是js前端最常用的工具,几乎所有的逐渐变化的动态效果都会使用到定时器,

    比如 说图片滚动,渐隐渐现,拖拽等等.定时器分两种分别是settimeout和setinterval.

    window.setInterval();   //设置循环定时器
    var T = window.setInterval(test,1000); //  test:执行的代码串或函数  设置1000毫秒
     
    window.clearInterval();  //清除循环定时器
    window.clearInterval(T);

    window.setTimeout(); //设置单次定时器 var T = setTimeout(test,1000); // test:执行的代码串或函数 设置1000毫秒 window.clearTimeout() //清除单次定时器 clearTimeout();

      

     例子:

    <div id="dt1">

    <script type="text/javascript">
                function dt(){
                    var date1 = new Date();
                    var year = date1.getFullYear();
                    var month = date1.getMonth()+1;
                    var date2 = date1.getDate();
                    var hours = date1.getHours();
                    var minute = date1.getMinutes();
                    var second = date1.getSeconds();
                    var week = date1.getDay();
                    second=second<10? "0"+second:""+second;//判断second是否小于10,是的话就在前面加 0
                    var week1 = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
                    document.getElementById("dt1").innerHTML=year+""+ month+""+date2+"" + hours +":"+ minute+":" +second+ "&emsp;" + week1[week;    
                }
                setInterval(dt,1000);
            </script>
    </div>

    效果:

    2016年09月08日 10:19:19 星期四

    二.history对象:

    history对象是window对象的子对象,对应于浏览器的历史记录。

    window.history.go(-1); //返回上一个页面,可返回几个页面
    window.history.go(1); //前进下一个页面,可前进几个页面
    
    history.back();  //后退/返回上一个页面,只能返回一个页面
    history.forward();  //前进下一个页面,只能前进一个页面	
    

      

     三.Location对象:

    Location对象也是window对象的子对象,通过它可以获取或设置浏览器的当前地址。

     

    1.跳转到其它页面

    window.location.href = "http://www.163.com";
    location.href = "http://www.163.com";
    

      

    2.重新载入页面(刷新)

    location.reload();
    

      

    四.navigator对象 

    Navigator对象包含着有关web浏览器的信息,它也是window的属性,可以用 window.navigator 引用它,也可以用navigator引用

     

    例:获取浏览器内部代号,名称,操作系统等信息

    var info = navigator.userAgent;
    alert(info);
    

      

  • 相关阅读:
    【c语言】斐波那契数列
    【c语言】c语言中的问题--empty character constant
    【java 基础领域】类加载机制
    【书籍学习】汇编语言学习-第二章
    【专接本课程】c语言指针学习
    Balanced Binary Tree
    Symmetric Tree
    Same Tree
    Recover Binary Search Tree
    Binary Tree Zigzag Level Traversal
  • 原文地址:https://www.cnblogs.com/dadayang/p/5851627.html
Copyright © 2011-2022 走看看