<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
// str.length()空格也占长度
// str.charAT(i)根据索引查找字符串的的字符,没有什么也不显示
// alert(str.charCodeAt(1));// 返回unicode码
// alert(String.fromCharCode(21069)); //返回unicode码代表的字符
// alert(str.charCodeAt());// 0-9 48-57
//alert(str.charCodeAt());// a-z 97-122
//alert(str.charCodeAt());// A-Z 65-90
//alert(str.indexOf('2'));
var str = '啊信息有限信息有限信息有限';
var son = '信息';
var index = str.indexOf(son); // -1 不是-1
while (index != -1) {
console.log(index);
// 再找
index = str.indexOf(son, index + 1);
}
</script>
</body>
</html>
字符串截取
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
// substring() slice();
var str='山东省大发大发第三方水电费撒旦分d';
// console.log(str.substring(2,4));
// console.log(str.slice(2,4));
// console.log(str.substring(-4));负数相当于0
// console.log(str.slice(-4)); 从倒数的第四个截取
</script>
</body>
</html>
练习题
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
#box,
#box1 {
width: 300px;
border: #0000FF 5px solid;
padding: 30px;
margin: 0 auto;
background: #7B7B7B;
}
</style>
</head>
<body>
<div id="box1">
<span>东方闪电李开复金额考虑是否落实到就分开
了速度激发;ldsfkldjfldsjlfjsd第
三防守端开发 斯蒂芬多少;父级第三;
冷风机撒旦;解放东路;可见fsdlkjfdslk
flsd
</span>
<a href="javascript:;">收缩</a>
</div>
<script type="text/javascript">
obox1 = document.getElementById('box1');
var aSpan = obox1.getElementsByTagName('span')[0];
var aA = obox1.getElementsByTagName('a')[0];
var text = aSpan.innerHTML;
var off = true;
aA.onclick = function() {
if (off) {
aSpan.innerHTML = aSpan.innerHTML.slice(0, 18);
aA.innerHTML = '展开';
} else {
aSpan.innerHTML = text;
aA.innerHTML = '收缩';
}
off = !off;
}
</script>
</body>
</html>
字符串之split
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
var str='浮动广浮动';
// 切
var arr=str.split('浮');
console.log(arr);
// 拼
console.log(arr.join('浮'));
</script>
</body>
</html>
网友评论