JS

来源:互联网 发布:淘宝退货运费理赔 编辑:程序博客网 时间:2024/06/11 07:48


第一次写博客,不是很会用这个,第一遍保存后找不着了。而且也不懂怎么写,这次就先这样吧!




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>








               
原创粉丝点击