关于JavaScript的String及Math对象的方法的使用
来源:互联网 发布:vb可以编写安卓软件 编辑:程序博客网 时间:2024/06/05 08:51
代码示例如下:
注:关于String对象的方法,具体可以参考W3School手册
<!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
- 关于JavaScript的String及Math对象的方法的使用
- JavaScript 内建对象Array、String、Math及自定义对象的使用
- 关于javascript中Math对象的属性与方法研究
- Javascript中使用String对象的方法
- JavaScript的Math对象
- JavaScript的Math对象
- javascript操作Math对象的方法总结
- Math 对象的方法
- Math对象的方法
- JavaScript一些简单的内置对象(String,Math,Date)
- javascript 日期对象、Math对象、字符串对象的方法使用练习:
- JavaScript Math 对象的参考
- javascript的一Math对象
- JavaScript Math 对象的参考手册
- Android中Math类Math.floor()、Math.round()及Math.ceil()等方法的使用
- Java中Math类Math.floor()、Math.round()及Math.ceil()等方法的使用
- JavaScript —— Math对象的常用方法
- 关于JavaScript的history对象的方法的使用
- 关于JavaScript的函数劫持
- MySQL中group_concat函数深入理解
- 关于JavaScript的几种常见的全局函数
- 关于JavaScript的数组
- PHP获取当前页面完整URL地址
- 关于JavaScript的String及Math对象的方法的使用
- 关于Date对象的使用
- 关于JavaScript的window对象的opener及parent属性
- 关于JavaScript的window对象的status属性
- C++primer第五版笔记-第十二章动态内存
- 关于JavaScript的window对象的三种对话框
- 关于JavaScript的window对象的open和close方法
- JS类的封装及实现代码【转】
- 关于JavaScript的window对象的计时器