关于Javascipt基础5

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于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文档对象模型与节点

 

以上是关于关于Javascipt基础5的主要内容,如果未能解决你的问题,请参考以下文章

关于Javascipt基础7

关于Javascipt基础1

关于Javascipt基础4

关于Javascipt基础3

关于Javascipt基础6

javascript“类”与继承总结和回顾-韩烨