关于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的主要内容,如果未能解决你的问题,请参考以下文章