JS
第一次写博客,不是很会用这个,第一遍保存后找不着了。而且也不懂怎么写,这次就先这样吧!
window.onload=function(){
var a="Z今天你吃了吗?'没吃'?今天你吃了吗?";document.write("字符串a的长度是:"+a.length+"<br/>");
document.write("字符串a的最后一个字符是:"+a.charAt(a.length-1)+"<br/>"); //检索字符串中的最后一个字符
document.write("字符串a的第一个字符是:"+a.charAt(0)+"<br/>");
document.write("字符串a的第一个字符编码是:"+a.charCodeAt(0)+"<br/>"); //把字符转化为字符编码
document.write("字符串a的第一个字符是:"+String.fromCharCode(20221)+"<br/>"); //把字符编码转化为字符
document.write("字符串?的位置是:"+a.indexOf("?")+"位<br/>"); //查找某个字符的位置默认是从左往右
document.write("找到第二个字符串?的位置是:"+a.lastIndexOf("?")+"位<br/>"); //查找某个字符的位置默认是从左往右
document.write("字符串?的位置是:"+a.indexOf("?",13)+"位<br/>"); //第二个参数代表从多少位开始找
var text2 = "教养和文化是两回事,有的人很有文化,但是很没教养,有的人没有什么太高的学历和学识,但仍然很有教养,很有分寸。教养是带有某种天生的素质和一点一滴的积累。人生那么长,未知的东西那么多。人与人之间的关系往往是相互的,与人为善,也是与自己为善。让自己更平和一点,更豁达一点,对于身边的过错,让自己更宽容一点。人人都有他的难处,何必强求于人。人生在世,行路匆匆,生活充满变数,时而乐极生悲,时而苦尽甘来,一切不必较真,只须笃定前行。要敢于认错,既然错了,就要纠正,虚假是味毒药,真实能帮你把失去的赢回来;要敢于担当,回避不是办法。人出生时,是一块质朴的石块,有棱有角,生气勃勃。但是,在生活无情的打磨中,人生慢慢被磨去棱角,变得圆滑而世故。要做坚守在悬崖峭壁上石块,勇敢忍受风霜的雕刻,永远保留自己的棱角。不要做河流里的石头,享受微波多情的抚摸,最后变成一块光亮的鹅卵石。"
//比如现在我们需要找到上面文字中的人生在第几位出现过
alert(text2.length+"..."); //获取text2的长度
var str="人生"; //定义变量,存储要找的关键字
var num=0; //初始化数字变量
for(;text2.indexOf(str,num)!=-1;) { //for循环、循环条件是当在整个字符串中找不到str的时候才退出
alert(text2.indexOf(str,num)); //记录一次str的位置
num=text2. indexOf(str,num)+str.length; //在每次记录完后,将查询的起始位置放在找到的str后面
}
换图片
var Oimg=document.getElementsByTagName("img")[0];
var kaiguan=true;
Oimg.onclick=function(){
if(kaiguan){
Oimg.src="02.jpg";
}
else{
Oimg.src="01.jpg";
}
kaiguan=!kaiguan;
var b="欧洲设计事务所Sieger Design为德国高端卫浴品牌当代DornbrachT设计的SELV系列,提出新的卫浴态度,返璞归真,回归卫浴最初的本真,专注于卫浴的性能与实用。SELY卫浴系列线条简约,表面金属抛光,闪烁着铬与铂的金属暖色,结合了现代感,但其细腻的线条中同时呈现古典的圆锥外观,这种圆锥外观在古欧洲时风靡服饰、建筑、乃至乐器。";
alert(b.length)//170
document.write(b.substring(0,100));
document.write(b.substring(7)); //此处的7代表截取几个字符
document.write(b.substring(0,20)); //如果该方法有2个参数,则代表从第一个参数开始,截取到第二个参数的位置
document.write(b.substring(-15,20)); //如果第一个参数是负数,那么就会自动转化为0,也就是从第一个字符开始
document.write(b.substring(15,-20)); //如果第二个参数为负数,那么就会自动与第一个参数交换位置,并且转化为0
1.简单的排序
function compare(value1, value2) {
//定义比较方法
return value1 > value2 ? 1 : -1;
}
var arr = ['34', '45', '23', '56', '88', '21', '16', '55'];
alert(arr.sort(compare).toString());
输出结果:16,21,23,34,45,55,56,88
2.冒泡排序:思路:依次比较相邻的两个数,将小数放在前面,大数放在后面。即在第一趟:首先比较第1个和第2个数,将小数放前,大数放后。然后比较第2个数和第3个数,将小数放前,大数放后,如此继续,直至比较最后两个数,将小数放前,大数放后。 至此第一趟结束,将最大的数放到了最后。在第二趟:仍从第一对数开始比较(因为可能由于第2个数和第3个数的交换,使得第1个数不再小于第2个数),将小数放前,大数放后,一直比较到倒数第二个数(倒数第一的位置上已经是最大的),第二趟结束,在倒数第二的位置上得到一个新的最大数(其实在整个数列中是第二大的数)。如此下去,重复以上过程,直至最终完成排序。
var arr = [12, 5, 3, 8, 0, 15, 6, 5, 9, 4, 27];
var len = arr.length;
function bubbleSort(arr) {
var tmp = 0;
for(var i = 0; i < len; i++) {
for(var j = 0; j < len - i; j++) {
if(arr[j] > arr[j + 1]) {
tmp = arr[j];
arr[j] = arr[j + 1; //交换
arr[j + 1] = tmp;
}
}
}
return arr;
}
alert(bubbleSort(arr));
document.write("---------------------6,求数组中的最大值和最小值----------------------------<br/>");
var arr1 = [-5, 4, 15, 20, 210101111];
function max(arr) { //运用假设法来找到最大或者最小值
var maxNum = arr[0]; //假设第一项是最大的数子
for(var i = 1; i < arr.length; i++) {
if(maxNum > arr[i]) {
maxNum = arr[i]; //交换数子
};
};
return maxNum;
};
document.write(max(arr1));
利用JS对一段文字中的部分文字进行查找和替换
<style>
#words {
width: 700px;
overflow: hidden;
border: 5px solid yellowgreen;
margin: 0 auto;
}
#words p {
width: 660px;
display: block;
font-size:20px;
line-height: 30px;
padding: 20px;
font-family: "微软雅黑";
}
#div a {
text-decoration: none;
width: 70px;
display: block;
border: 1px #000 solid;
float: left;
padding: 7px;
text-align: center;
margin-left: 20px;
}
#div a:last-child {
margin-left: 20px;
}
.active {
background: orange;
}
.find {
clear: both;
margin-left: 20px;
}
</style>
</head>
<body>
<div id="words">
<p>
教养和文化是两回事,有的人很有文化,但是很没教养,有的人没有什么太高的学历和学识,但仍然很有教养,很有分寸。教养是带有某种天生的素质和一点一滴的积累。人生那么长,未知的东西那么多。人与人之间的关系往往是相互的,与人为善,也是与自己为善。让自己更平和一点,更豁达一点,对于身边的过错,让自己更宽容一点。人人都有他的难处,何必强求于人。人生在世,行路匆匆,生活充满变数,时而乐极生悲,时而苦尽甘来,一切不必较真,只须笃定前行。要敢于认错,既然错了,就要纠正,虚假是味毒药,真实能帮你把失去的赢回来;要敢于担当,回避不是办法。人出生时,是一块质朴的石块,有棱有角,生气勃勃。但是,在生活无情的打磨中,人生慢慢被磨去棱角,变得圆滑而世故。要做坚守在悬崖峭壁上石块,勇敢忍受风霜的雕刻,永远保留自己的棱角。不要做河流里的石头,享受微波多情的抚摸,最后变成一块光亮的鹅卵石。
</p>
<div id="div">
<a class="active" href="javascript:;">查找</a>
<a href="javascript:;">替换</a>
<br />
<div class="find" id="t1"><input type="text"><input type="button" value="查找"></div>
<div class="find" id="t2"><input type="text"><input type="text"><input type="button" value="替换"></div>
</div>
</div>
<script>
var oA = document.getElementsByTagName("a");
var oT1= document.getElementById("t1");
var oT2= document.getElementById("t2");
var oInput = document.getElementsByTagName("input");
var oP = document.getElementsByTagName("p")[0];
var str1 = oP.innerHTML;
oT2.style.display = "none";
oA[0].onclick = function() {
for(i = 0; i < oA.length; i++) {
oA[i].className = "";
}
this.className = "active";
oT1.style.display = "block";
oT2.style.display = "none";
}
oA[1].onclick = function() {
for(i = 0; i < oA.length; i++) {
oA[i].className = "";
}
this.className = "active";
oT1.style.display = "none";
oT2.style.display = "block";
}
oInput[1].onclick = function() {
if(oInput[0].value == "") {
alert("请重新输入");
}
var str = oInput[0].value;
if(str1.indexOf(str) != -1) {
oP.innerHTML = str1;
var arr = oP.innerHTML.split(str);
str = arr.join("<span style='background:red;margin:0;padding:0'>" + str + "</span>");
oP.innerHTML = str;
} else {
alert('未查找到');
oInput[0].value = '';
}
}
oInput[4].onclick = function() {
var shuru = oInput[2].value;
if(str1.indexOf(shuru) != -1) {
var tihuan = oP.innerHTML.split(shuru);
var shuchu = oInput[3].value;
shuchu = tihuan.join("<span style='background:green;margin:0;padding:0'>" + shuchu + "</span>");
oP.innerHTML = shuchu;
}
}
</script>