关于JavaScript的String及Math对象的方法的使用

来源:互联网 发布:vb可以编写安卓软件 编辑:程序博客网 时间:2024/06/05 08:51
代码示例如下:
<!doctype html><html lang="en"> <head>  <meta charset="UTF-8">  <meta name="Generator" content="EditPlus?">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content="">  <title>String对象</title> </head><script type="text/javascript"><!-- /*String对象的方法:1. substr():  截取子字符串,两个参数,第一个参数是下标,第二个参数是截取的长度2. substring(): 截取子字符串,两个参数,代表的是下标 */ function fun(){ //1.拿到p标签对象var p = document.getElementById("p") ; //2.拿到p标签对象的主体内容var txt = p.innerHTML ;   //innerHTML必须是有开始标签和结束标签的标签对象才能使用 //3.改变字体内容,再赋值回去 p.innerHTML = txt.big().big() ; } //示例:点击变变变1按钮,让p标签中的文本的颜色随机变换 var arr = ["red","blue","green","yellow","#666666"] ; function fun1(){//1.拿到p标签对象var p = document.getElementById("p1") ;//2.随机取得一个整数作为数组的下标var index = Math.floor(Math.random()*arr.length) ;  //random() 返回 0 ~ 1 之间的随机数 (0<=   <1)                                                                        //floor(x) 对一个数进行下舍入 ,例如,floor(5) == 5; floor(5.5) == 5 //3. 拿到p标签对象的主体内容// var txt = p.innerHTML ;   //innerHTML必须是有开始标签和结束标签的标签对象才能使用var txt = p.innerText ;   //innerText获取的是开始标签和结束标签对象之间的文本,并不包括中间的子标签 //4.给p标签对象的主体内容改变颜色,并赋值回去 p.innerHTML = txt.fontcolor(arr[index]) ;// alert(p.innerHTML) ;setTimeout("fun1()",500) ;   //在指定的毫秒数后调用函数或计算表达式,其是Window对象下的方法 } function fun2(){ var txt = document.getElementById("h1").innerHTML ; alert(txt) ; txt = document.getElementById("h1").innerText; alert(txt) ; } var s = "abcdefg" ; alert(s.substring(2,3)) ;alert(s.substring(300,-200)) ;  //abcdefgalert(s.substr(2,3)) ;   //3是i长度,不是索引//--></script> <body><p id = "p">大</p><input type="button" value="变变变" onclick="fun()"><p id = "p1">大</p><input type="button" value="变变变1" onclick="fun1()"><h1 id = "h1"><font>你好</font></h1><input type="button" value="演示innerHTML和innerText的区别" onclick="fun2()"> </body></html>

注:关于String对象的方法,具体可以参考W3School手册 
0 0
原创粉丝点击