zoukankan      html  css  js  c++  java
  • 关于Javascipt基础5

    紧接着上次的各种对象。

    String 对象

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

    获得字符串长度:

    1.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 str = ‘hello’;

      alert(str.substr(0,2);//传入起始位数,截取的长度,返回的是’he’

    3. substring()方法

      alert(str.substring(0,3))//传入开始的位置,结束的位置 <3,返回的是’hel’

    查找替换字符串:

    1. indexOf()和lastIndex()方法

      var str="Hello world, welcome to the universe.";

      alert(str.indexOf(“welcome”);//可返回某个指定的字符串值在字符串中首次出现的位置。

      alert(str.lastIndexOf(‘e’)); //查找字符最后一次出现的位置

    2. replace()方法 var str="Visit Microsoft!";

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

    3. search()方法 var str="Visit W3CSchool!";

      var n=str.search(“W3CSchool”);//查找指定的字符串或与正则表达式相匹配的子字符串

    拼接字符:

    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对象(这些对象可以不写父对象 没写的话会自动对应根对象window)

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

    1.系统消息框 alert()

      例:alert('hello');

    2.确认对话框 confirm()

    该方法返回一个boolean值,如果点击ok返回true,点击cancel返false;

      例:if(confirm("确定要删除吗?")){ //删除 }

    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(); 设置循环定时器(因为这个定时器真的很有用 这次就写得详细一些

        首先setInterval()有两种模式:

          1.setInterval(函数(==>无括号 纯函数名),间隔时间,函数参数1,函数参数2...)

            例1:setInterval(alert,1000,"hhh")

            例2:function a(x,y){

                alert(x+y);          

              }setInterval(a,1000,3,4)

          2.setInterval(“要执行的代码”,间隔时间)

            例1:setInterval("alert('你好')",1000)

            例2:setInterval("var a=0;a++;alert(a)",1000)

       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(x);

    二、history对象(老规矩 不用写Window)

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

      window.history.go(-1);//==>退一步 等于history.back(); 

      window.history.go(1);//==>进一步 等于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);

    以上的window的子对象其实还有其他方法,要再开阔知识才行。

    下一篇写DOM文档对象模型与节点

  • 相关阅读:
    POJ 1182 食物链(带权并查集)
    UVa 10655 n次方之和(矩阵快速幂)
    2016湘潭邀请赛—Heartstone
    2016湘潭邀请赛—Gambling
    UVa 10375 选择与除法(唯一分解定理)
    UVa 1637 纸牌游戏(全概率公式)
    POJ 2443 Set Operation(压位加速)
    UVa 11248 网络扩容(最大流(需要优化))
    51Nod 1737 配对(树的重心)
    51Nod 1070 Bash游戏 V4(斐波那契博弈)
  • 原文地址:https://www.cnblogs.com/zhiwudenengliang/p/5851617.html
Copyright © 2011-2022 走看看