JavaScript组成和字符串
1.获取元素方法二
可以使用内置对象document上的getElementsByTagName方法来获取页面上的某一种标签,获取的是一个选择集,不是数组,但是可以用下标的方式操作选择集里面的标签元素
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>obtain</title>
<script type="text/javascript">
window.onload = function(){ var oUl = document.getElementById('list');/*避免全局li都获取*/ var aList = oUl.getElementsByTagName('li'); /*通过标签获取元素*/ var iLen = aList.length; for(i=0;i<iLen;i++){ if(i%2==0){ /*隔一个执行*/ aList[i].style.backgroundColor = 'gold'; } }}</script>
</head>
<body>
<ul id="list"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li></ul>
</body>
</html>
2.JavaScript组成
(1)ECMAscript JavaScript的语法(变量、函数、循环语句等语法)
(2)DOM 文档对象模型 操作HTML和css的方法 (document)
(3)BOM浏览器对象模型,操作浏览器的一些方法(alert)
3.字符串处理方法
(1)字符串合并操作:“+”
(2)parseInt() 将数字字符转化为整数
(3)parseFloat()将数字字符串转化为小数
(4)split()把一个字符串分隔成字符串组成的数组
(5)charAt()获取字符串中的某一个字符
(6)indexOf()查找字符串是否含有某字符
(7)substring()截取字符串 用法:substring(start,end)(不包括end)
(8)toUpperCase() 字符串转大写
(9)toLowerCase() 字符串转小写
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>string</title>
<script type='text/javascript'>
var iNum =123;var iString = '456';/*数字和字符合并*/alert(iNum+iString);var sTr01 = '12.465';/*将数字字符转化为整数*/alert(parseInt(sTr01));/*将数字字符转化为小数*/alert(parseFloat(sTr01));var sTr02 = '2018-1-5';/*将字符串以‘-’来分割成数个字符串,‘’空字符分割每一个字符*/var atime = sTr02.split('-');alert(atime);var sTr03 = '#div'/*获取位置一的字符串*/var sTr04 = sTr03.charAt(0);alert(sTr04);var sTr05 = 'I love you!';/*检索某字符,并返回它的位置,前三个都是2,不存在返回-1*/var iNum01 = sTr05.indexOf('love');var iNum02 = sTr05.indexOf('l');var iNum03 = sTr05.indexOf('lo');var iNum04 = sTr05.indexOf('hahah');alert(iNum04);var sTr05 = "We don't talk anymore!";/*不包括第八位,显示3-7位*/var sTr06 = sTr05.substring(3,8);alert(sTr06);/*转化为大写,toLowerCase是小写*/var sTr07 = sTr05.toUpperCase();alert(sTr07);var sTr08 = 'dfjkjfahfs13346575431646';/*分割,反转,连接*/var sTr09 = sTr08.split('').reverse().join('');alert(sTr09);</script>
</head>
<body>
</body>
</html>
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。