zoukankan      html  css  js  c++  java
  • JS(一)

    chatAt()

    alert(str.length);
    alert(str.chatAt())//括号里面没有值默认弹出第一个字符。超过str.length-1或小于0弹出框无值

    chatCodeAt()可返回指定位置的字符的 Unicode 编码

    fromCharCode()可返回Unicode编码响应的字符

    str.fromChatCode(47,98);

    chat、chatCodeAt、fromCharCode应用练习:

    1、简易加密
    2、检测数字串

    indexOf//从左往右找

    alert(str.indexOf('m'))//在字符串的位置
    alert(str.indexOf('m',5))//第5个位置后的m
    str.indexOf('m',500)//超出str.length时返回-1,找不到也返回-1
    str.indexOf('mm',5)

    lastIndexOf//从右往左找,如果第二个值为负数,默认当成0来处理

    比较类

    alert('括号'>'花括号')比较‘括’和‘花’的Unicode编码谁大
    alert('括'.charCodeAt())
    alert('abbb'>'b')//false
    alert('10000'>'2')//false
    alert('10000'>2)//true

    截取类:

    substring

    str.substring(4)//截取第四位之后的字符串
    str.substring(0,4)//截取第0到第四个
    str.substring(4,0)//检测两个参数的大小。
    str.substring(-3,2)//-3当作0来处理

    slice

    与substring差不多
    不同点:
    不交换参数位置
    srt.slice(-2)//从后面倒着往前数

    截取了类应用

    文本收缩展开

    toUpperCase()//把字符串转换为大写

    toLowerCase()//把字符串转换为小写

    <div id="div1" onclick="alert(this.innerHTML)"><p>这是一段文字</p></div>如果要拿div里面的东西做判断的话,在ie7下弹出的是大写,这时候就可以用大小写转换

    split

    str='www.cnblogs.com'
    str.split('.')//以点为分割符,把字符串分成数组长度为3的数组,['www','cnblogs','com']
    ,typeof为object
    var str1='leo';
    str1.split()//['leo'];
    str1.split('')//['l','e','o'];
    var str2='2017-6-26-14-09';
    alert(str2.split('-',3));//截取['2017','6','26']

    join()//把数组变成字符串

    var arr=['11','22','33'];
    arr.join()//默认情况下用‘,’连接,“11,22,33”
    arr.join(‘’)//“112233”
    arr.join(‘-’)//11-22-33
    arr.joina().length为8

    split、join应用

    //字符串查找
    <style>
    span{
    	background:#FC0;
    	}
    </style>
    </head>
    <body>
    <input type="text"/>
    <input type="button" value="搜索"/>
    <p>
    本书提供了许多简单易懂、主题鲜明的示例,介绍了大量最佳实践和良好编程习惯,对提高代码可读性、可维护性均有很高的价值,并且对很多跨浏览器兼容问题进行了详细说明,追踪了新规范的发展。
    本书适合于希望通过JavaScript为自己的网页/网站添加活力的读者,不管你是否有编程经验,通过阅读本书都能够很快地掌握这一技术。在阅读本书之前,最好对CSS、HTML/XHTML有所了解。
    </p>
    <script>
    var inputs=document.getElementsByTagName("input");
    var p=document.getElementsByTagName("p")[0];
    inputs[1].onclick=function(){
    	var str=inputs[0].value;
    	if(!str)return;
    	p.innerHTML=p.innerHTML.split(str).join('<span>'+str+'</span>');
    	}
    </script>
    </body>
    
    //字符串替换
    <style>
    span{
    	background:#FC0;
    	}
    </style>
    </head>
    <body>
    <input type="text"/>
    <input type="text"/>
    <input type="button" value="替换"/>
    <p>
    本书提供了许多简单易懂、主题鲜明的示例,介绍了大量最佳实践和良好编程习惯,对提高代码可读性、可维护性均有很高的价值,并且对很多跨浏览器兼容问题进行了详细说明,追踪了新规范的发展。
    本书适合于希望通过JavaScript为自己的网页/网站添加活力的读者,不管你是否有编程经验,通过阅读本书都能够很快地掌握这一技术。在阅读本书之前,最好对CSS、HTML/XHTML有所了解。
    </p>
    <script>
    var inputs=document.getElementsByTagName("input");
    var p=document.getElementsByTagName("p")[0];
    inputs[2].onclick=function(){
    	var str=inputs[0].value;
    	var str1=inputs[1].value;
    	if(!str)return;
    	p.innerHTML=p.innerHTML.split(str).join('<span>'+str1+'</span>');
    	}
    </script>
    

    总结:

    var str='今天天气很好,vEry~nice.orz.com';
    str.charAt(1);    //'天'
    str.charCodeAt(1);   //天的Unicode编码
    String.fromCharCode(97,48)
    str.indexOf('c',15);   //21
    str.lastIndexOf('o')  //22
    str.substring(0,5)//'今天天气很好'
    slice(-3);//'com
    str.toUpperCase();   //'今天天气很好,VERY~NICE.ORZ.COM'
    str.toLowerCase();   //'今天天气很好,very~nice.orz.com'
    str.split('.',2);   //['今天天气很好,vEry~nice','orz']
    var arr=['www','zsw','com'];
    arr.join('.');   //'www.zsw.com'
    
  • 相关阅读:
    Python Xcode搭建Python环境以及使用PyCharm CE
    Python 集体智慧编程PDF
    Swift tableview自带的刷新控件
    iOS 类似朋友圈的图片浏览器SDPhotoBrowser
    程序员应掌握的算法
    C++ 知识点总结复习
    iOS 图片的拉伸,取固定区域显示
    iOS 获取一个不变的UDID
    iOS 应用中加载文档pdf/word/txt
    LeetCode-Design Snake Game
  • 原文地址:https://www.cnblogs.com/zswmv/p/7078630.html
Copyright © 2011-2022 走看看