js初识，博客初识

最新推荐文章于 2024-10-01 20:12:28 发布

liu_minjuan

最新推荐文章于 2024-10-01 20:12:28 发布

阅读量262

点赞数

分类专栏： javescript 文章标签： javascript

本文链接：https://blog.csdn.net/lmj170/article/details/72960183

版权

javescript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

var a="今天天气怎么样？今天天气很好！"
document.write("字符今的位置是："+a.indexof("今")+"位<br/>")//从左往右在字符串中找到位置
document.write("字符今的第二个位置是："+a.Last Indexof("今")+"位<br/>")//从右往左在字符串中找到位置
document.write("字符今的位置是："+a.indexof("今"，3)+"位<br/>")//第二个参数代表从第几位开始找

5,截取：

var a="今天天气怎么样？今天天气很好！"
document.write(a.substing(3));//3代表截取第3个字符以前的
document.write(a.substing(0,7))//从第一个参数开始，到第二个参数以外的字符被截取；如
//果第一个参数是负数，自动转化成0；如果第二个参数是负数，自动与第一位参数交换，并转化为0；
document.write(a.slice(3));//2代表从第2位数开始截取
document.write(a.slice(0,7));//从第一个参数截取到第二个参数
document.write(a.slice(-3));//从字符串后面开始截取多少个
substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符
stringObject.substr(start,length),一个新的字符串，包含从 stringObject 的 start（包
括 start 所指的字符） 处开始的 length 个字符。如果没有指定 length，那么返回的字符串包含
从 start 到 stringObject 的结尾的字符。

6,分割：

var a="今天空气怎么样？今天空气很好！"
var trans=a.split("天")
alter(trans[2])//输出：空气很好!
document.write("<br/>"+a.split("天"))//以天为分割点split方法是将某个字符分割原始串,分割   
//后就会将原始字符串转化成数组，然后通过数组下标的形成可以访问某个数字成员。如果没有明确字
//符串以某个字符来分割，那么split方法中的空字符就代表将原始字符串中的每一项切割成数组成员。
document.write("<br/>"+a.split("天"，2))//第二个参数代表保留几个数组

7, 大小写转化：

var b="abcdefg"
var c="ABCDEFG"
document.write("<br/>"+b.toUppercase())//转化成大写
document.write("<br/>"+c.toLowercase())//转化成小写

8, 数组：

//以对象方式来创建
var arr=new Array()
arr[0]="我是老大"
arr[1]="我是老二"
arr[99]="我是老末"

//以字面量方式来创建
var arr=[1,2,3,[4,5,6]];
document.write(arr[0])
document.write(arr[1][3])

9, 拼接：

var arr1=[1,2,3]
var arr2=["a","b"]
console.log(arr1.concat(arr2))//拼接字符串

var arr1=[1,2,3]//数组
var pinjie=arr1.join("和")
alert(typeof.pinjie)//输出：1和2和3

10, 翻转数组：

var arr1=[1,2,3]
document.write(arr1.reverse())//输出：321

11, 删除与插入：

var arr1=[1,2,3]
push()//从数组的末尾追加元素，返回新数组的长度；
pop()//从数组的末尾删除元素，返回删除的元素；
unshift()//从数组的开头插入元素，返回新数组的长度；
shift()//从数组的开头删除元素，返回删除的元素；

12, 查找与替换：

<!DOCTYPE html>
<html>


<head>
<meta charset="UTF-8">
<title></title>
<style>

#box {
width: 600px;
overflow: hidden;
border: 10px solid #76777b;
margin: 0 auto;
background: #eaeaea;
    }
#span {
padding: 15px;

display: block;
line-height: 28px;
font-size: 20px;
     }

a {
float: left;
width: 40px;
height: 20px;
border: 1px solid #000;
padding: 10px;
margin: 20px;
text-decoration: none;
text-align: center;
color: #000;
}

.active {
background: orange;
}

p {
clear: both;
margin: 18px;
}
</style>
</head>


<body>
<div id="box">
<span id="span">教养和文化是两回事，有的人很有文化，但是很没教养，有的人没有什么太高的学历和学识，
但仍然很有教养，很有分寸。教养是带有某种天生的素质和一点一滴的积累。人生那么长，未知的东西那么多。人
与人之间的关系往往是相互的，与人为善，也是与自己为善。让自己更平和一点，更豁达一点，对于身边的过错，
让自己更宽容一点。人人都有他的难处，何必强求于人。人生在世，行路匆匆，生活充满变数，时而乐极生悲，时
而苦尽甘来，一切不必较真，只须笃定前行。要敢于认错，既然错了，就要纠正，虚假是味毒药，真实能帮你把失
去的赢回来；要敢于担当，回避不是办法。人出生时，是一块质朴的石块，有棱有角，生气勃勃。但是，在生活无
情的打磨中，人生慢慢被磨去棱角，变得圆滑而世故。要做坚守在悬崖峭壁上石块，勇敢忍受风霜的雕刻，永远保
留自己的棱角。不要做河流里的石头，享受微波多情的抚摸，最后变成一块光亮的鹅卵石。
</span>
<a class="active" href="#">查找</a>
<a href="#">替换</a>


<p>
<input type="text">
<input type="button" value="查找">
</p>
<p>
<input type="text">&nbsp;<input type="text">
<input type="button" value="替换">
</p>
</div>
<script type="text/javascript">
var Ospan = document.getElementsByTagName("span")[0];
var Odiv = document.getElementsByTagName("a");
var Op = document.getElementsByTagName("p");
var Oinput = document.getElementsByTagName("input");
var str1 = Ospan.innerHTML;
Op[1].style.display = "none";
Odiv[0].onclick = function() {
for(i = 0; i < Odiv.length; i++) {
Odiv[i].className = "";
}
this.className = "active";
Op[1].style.display = "none";
Op[0].style.display = "block";
}
Odiv[1].onclick = function() {
for(i = 0; i < Odiv.length; i++) {
Odiv[i].className = "";
}
this.className = "active";
Op[0].style.display = "none";
Op[1].style.display = "block";
}
Oinput[1].onclick = function() {
if(Oinput[0].value == "") {
alert(请输入内容)
}
str = Oinput[0].value;
if(str1.indexOf(str) != -1) {
str1 = Ospan.innerHTML
var Otext = str1.split(str);
arr = Otext.join("<span style='background:orange;'>" + str + "</span>");
Ospan.innerHTML = arr;


} else {


str= '';
alert('未查找到');
}
}


Oinput[4].onclick = function() {
if(Oinput[2].value == "") {
alert(请输入内容)
}
str2 = Oinput[2].value;
str3 = Oinput[3].value;
if(str1.indexOf(str2) != -1) {
str1 = Ospan.innerHTML
var Otext1 = str1.split(str2);
arr2 = Otext1.join("<span style='background:orange;'>" + str3 + "</span>");
Ospan.innerHTML = arr2;


} else {


str2='';
str3='';
alert('未查找到');
}
}
</script>
</body>


</html>