<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

</head>

<body>

<script>

//字符串

var str = '妙味课堂 ';

alert( str.length );//5，空格也是

alert( str.charAt() );//不写是第0个

alert( str.charCodeAt() );            // 妙的Unit编码22937，电脑存的不是汉字是Unit码值

alert( str.charCodeAt(1) );        //

alert( str.charCodeAt() );            // 0~9  48~57            a~z    97~122            A~Z   65~90

alert( String.fromCharCode(22937, 21619) );//获取汉字，String的静态方法，

</script>

<input type="text" />

<input type="button" value="检测" />

<script>

//只能输入数字

//alert( detectNum('123456') );

var aInp = document.getElementsByTagName('input');

aInp[1].onclick = function () {

    var val = aInp[0].value;

    if ( detectNum(val) ) {

        alert( '恭喜，'+ val +'全是数字' );

    } else {

        alert('输入有误');

    }

};

function detectNum ( str ) {

    var n = 0;

    for ( var i=0; i<str.length; i++ ) {

        n = str.charCodeAt(i);

        if ( n<48 || n>57 )return false;

    }

    return true;

}

</script>

<script>

/*

document.body.innerHTML = String.fromCharCode(22937);

document.body.innerHTML += String.fromCharCode(21619);

*/

var str = '';

for ( var i=10000; i<20000; i++ ) {

    str += String.fromCharCode(i) + ' ';

}

document.body.innerHTML = str;

</script>

</body>

</html>
<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

</head>

<body>

<input type="text" />

<input type="button" value="加密" />

<div id="div1">加密...</div>

<script>

var aInp = document.getElementsByTagName('input');

var oDiv = document.getElementById('div1');

aInp[1].onclick = function () {

    var str = aInp[0].value;            // 妙味课堂

    var str1 = '';

    // alert( str.charCodeAt(0) );

    for ( var i=0; i<str.length; i++ ) {

        str1 += String.fromCharCode(str.charCodeAt(i)-520);

    }

    oDiv.innerHTML = str1;

};

</script>

<script>

var str = 'www.miaov.com/2013ww';

for ( var i=0; i<str.length; i++ ) {

    if ( str.charAt(i) === 'i' ) {

        alert(i);

    }

}

alert( str.indexOf('m') );

alert( str.indexOf('m', 5) );//从下标5开始找

alert( str.indexOf('X') );    // -1 表示没找到

alert( str.indexOf('ww', 2) );  //第一次出现的位置

</script>

<script>

var str = '妙味课堂是一支独具特色的IT培训团队，妙味反对传统IT教育枯燥乏味的教学模式，妙味提供一种全新的快乐学习方法！';

var s = '妙味';

var i = 0;

for( ; str.indexOf( s, i ) != -1 ; ){//indexOf()只找一次，返回第一次的位置

    alert( str.indexOf( s, i ) );

    i = str.indexOf( s, i ) + s.length;

}

while( str.indexOf( s, i ) != -1 ){//找到最后没有就是-1就退出

    alert( str.indexOf( s, i ) );

    i = str.indexOf( s, i ) + s.length;

}

</script>

<script>

var str = '妙味课堂是一支独具特色的IT培训团队，妙味反对传统IT教育枯燥乏味的教学模式，妙味提供一种全新的快乐学习方法！';

str.indexOf('妙味', 2)            // 从左往右找

alert( str.lastIndexOf('妙味', 38) );

// 如果第2个值为负数，默认当成0来处理

</script>

<script>

alert( '杜'.charCodeAt() );

alert( '莫涛' > '杜鹏' );

alert( 'abbbbb' > 'b' );

alert( '10000' > '2' );

</script>

<script>

var str = '妙味课堂是一支独具特色的IT培训团队';

alert( str.substring(4) );//从下标4开始截取

alert( str.substring(0) );//从0开始全部截取

alert( str.substring(1,2) );//1开始截取到下标为2，包头不包为

alert( str.substring(2,0) );//  同str.substring(0,2)可以检测两个数，大的往后扔，小的往前扔

alert( str.substring(-3, 2) );    // -3 当成0处理

alert( str.substring(2, -3) );    //同str.substring(-3, 2)

alert( str.slice( 2, 3 ) ); //下标2到下标3，包头不包尾，

alert( str.slice( 2, 0 ) );    // 不自动交换位置，什么都没有

alert( str.slice( -2 ) );//团队，队是-1，团是-2，-2开始后面截取完

alert( str.slice( -4, -2 ) );//培训，陪是-4，训是-3，团是-2，对是-1，从左往右找，包头不包尾。

</script>

</body>

</html>
<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<style>

p { border:10px solid #ccc; background:#FFC; width:400px; padding:20px; font-size:16px; font-family:微软雅黑; margin:40px auto 0; }

</style>

<script>

window.onload = function () {

    var oP = document.getElementsByTagName('p')[0];

    var oSpan = oP.getElementsByTagName('span')[0];

    var oA = oP.getElementsByTagName('a')[0];

    var str = oSpan.innerHTML;

    var onOff = true;

    oA.onclick = function () {

        if ( onOff ) {

            oSpan.innerHTML = str.substring(0, 18);

            oA.innerHTML = '>>展开';

        } else {

            oSpan.innerHTML = str;

            oA.innerHTML = '>>收缩';

        }

        onOff = !onOff;

    };

};

</script>

</head>

<body>

<p><span>妙味课堂是一支独具特色的IT培训团队，妙味反对传统IT教育枯燥乏味的教学模式，妙味提供一种全新的快乐学习方法！<br />2013年底，妙味课堂最新推出“远程培训”服务，受到很多朋友们的喜爱与追捧，我们必将更加努力的帮助远程学习的朋友实现技术提升</span>……<a href="javascript:;">>>收缩</a></p>

</body>

</html>
<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script>

var str = 'www.MIAOV.com';

// alert( str.toUpperCase() );            // 转成大写

// alert( str.toLowerCase() );            // 转成小写

</script>

</head>

<body>

<div id="div1" onclick="alert( this.innerHTML.toUpperCase() );"><p>这是一段文字</p></div>

<script>

var str = 'www.miaov.com';

alert( typeof str.split('.') );//object [ 'www', 'miaov', 'com' ]

var arr = str.split( '.' );

alert( arr[1] );

var str1 = 'leo';

alert( typeof str1.split() );// [ 'leo' ]

alert( str1.split('') );// [ 'l', 'e', 'o' ]

var str2 = '妙味课堂';

alert( str2.split('味') );//['妙','课堂']

var str3 = '/www.miaov.com/';

alert( str3.split('/').length );// [ , www.miaov.com,  ]

var str4 = '2013-11-29-23-07';

alert( str4.split('-', 3) );// 只保留数组前面3个元素

</script>

</body>

</html>
<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<style>

div { width:300px; height:200px; border:1px solid #333; background:#fff; padding:20px; line-height:40px; }

span { padding:5px 15px; font-family:微软雅黑; }

</style>

</head>

<body>

<div id="div1">

    <!--

    <span style="background:#FFC;">文</span><span style="background:#CC3;">字</span><span style="background:#6FC;">内</span><span style="background:#9C9;">容</span>

  -->

</div>

<input type="text" />

<input type="button" value="按钮" />

<script>

var oDiv = document.getElementById('div1');

var aInp = document.getElementsByTagName('input');

var arrColor = [ '#FFC', '#CC3', '#6FC', '#9C9' ];

aInp[1].onclick = function () {

    var str = aInp[0].value;        // '妙味课堂'

    var arr = str.split('');    // [ '妙', '味', '课', '堂' ]

    for ( var i=0; i<arr.length; i++ ) {

        arr[i] = '<span style="background:' + arrColor[i%arrColor.length] + ';">' + arr[i] + '</span>';

    }

    oDiv.innerHTML += arr.join('');

};

var arr = [ 'aa', 'bb', 'cc' ];

alert( typeof arr.join() );    //数组每一个元素拼在一起成字符串，什么参数也不写则加逗号，string类型，'aa'+','+'bb'+','+'cc'

alert( arr.join().length );//8   'aa,bb,cc'

alert( arr.join('') );//'aa'+'bb'+'cc'

alert( arr.join('-') );

</script>

</body>

</html>
<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<style>

p { border:10px solid #ccc; background:#FFC; width:400px; padding:20px; font-size:16px; font-family:微软雅黑; }

span { background:yellow; }

</style>

</head>

<body>

//浏览器查找字符串并高亮显示

<input type="text" />

<input type="text" />

<input type="button" value="替换" />

<p>妙味课堂是一支独具特色的IT培训团队，妙味反对传统IT教育枯燥乏味的教学模式，妙味提供一种全新的快乐学习方法！<br />

2013年底，妙味课堂最新推出"远程培训"服务，受到很多朋友们的喜爱与追捧，我们必将更加努力的帮助远程学习的朋友实现技术提升……</p>

<script>

var aInp = document.getElementsByTagName('input');

var oP = document.getElementsByTagName('p')[0];

aInp[2].onclick = function () {

    var str = aInp[0].value;            // '妙味'

    var newStr = aInp[1].value;

    if (!str)return;//文本框没内容，str是null，

    oP.innerHTML = oP.innerHTML.split(str).join('<span>'+newStr+'</span>');//显通过str分割成数组，再通过newStr拼接成字符串

};

</script>

</body>

</html>
var str = '妙味课堂-WWW.miaov.com';

str.charAt(1);            // '味'

str.charCodeAt(1);            //

String.fromCharCode(22937, 21619);    // '妙味'

str.indexOf('m', 4);            //

str.lastIndexOf('o');            //

'1000' < '2'            // true

'1000' > 2            // true

str.substring(0, 4);            // '妙味课堂'

str.slice(-3);            // 'com'

str.toUpperCase();            // '妙味课堂-WWW.MIAOV.COM'

str.toLowerCase();            // '妙味课堂-www.miaov.com'

str.split('.', 2);            // [ '妙味课堂-WWW', 'miaov' ]

var arr = [ 'www', 'miaov', 'com' ];

arr.join('aaa');            // 'wwwaaamiaovaaacom'

js02---字符串的更多相关文章

  1. Python高手之路【六】python基础之字符串格式化

    Python的字符串格式化有两种方式: 百分号方式.format方式 百分号的方式相对来说比较老,而format方式则是比较先进的方式,企图替换古老的方式,目前两者并存.[PEP-3101] This ...

  2. 测试一下StringBuffer和StringBuilder及字面常量拼接三种字符串的效率

    之前一篇里写过字符串常用类的三种方式<java中的字符串相关知识整理>,只不过这个只是分析并不知道他们之间会有多大的区别,或者所谓的StringBuffer能提升多少拼接效率呢?为此写个简 ...

  3. java中的字符串相关知识整理

    字符串为什么这么重要 写了多年java的开发应该对String不陌生,但是我却越发觉得它陌生.每学一门编程语言就会与字符串这个关键词打不少交道.看来它真的很重要. 字符串就是一系列的字符组合的串,如果 ...

  4. JavaScript 字符串实用常操纪要

    JavaScript 字符串用于存储和处理文本.因此在编写 JS 代码之时她总如影随形,在你处理用户的输入数据的时候,在读取或设置 DOM 对象的属性时,在操作 Cookie 时,在转换各种不同 Da ...

  5. Java 字符串格式化详解

    Java 字符串格式化详解 版权声明:本文为博主原创文章,未经博主允许不得转载. 微博:厉圣杰 文中如有纰漏,欢迎大家留言指出. 在 Java 的 String 类中,可以使用 format() 方法 ...

  6. Redis的简单动态字符串实现

    Redis 没有直接使用 C 语言传统的字符串表示(以空字符结尾的字符数组,以下简称 C 字符串), 而是自己构建了一种名为简单动态字符串(simple dynamic string,sds)的抽象类 ...

  7. ASP.NET加密和解密数据库连接字符串

    大家知道,在应用程序中进行数据库操作需要连接字符串,而如果没有连接字符串,我们就无法在应用程序中完成检索数据,创建数据等一系列的数据库操作.当有人想要获取你程序中的数据库信息,他首先看到的可能会是We ...

  8. Javascript正则对象方法与字符串正则方法总结

    正则对象 var reg = new Regexp('abc','gi') var reg = /abc/ig 正则方法 test方法(测试某个字符串是否匹配) var str = 'abc123'; ...

  9. 微信小程序中利用时间选择器和js无计算实现定时器（将字符串或秒数转换成倒计时）

    转载注明出处 改成了一个单独的js文件,并修改代码增加了通用性,点击这里查看 今天写小程序,有一个需求就是用户选择时间,然后我这边就要开始倒计时. 因为小程序的限制,所以直接选用时间选择器作为选择定时 ...

  10. ThinkPHP+Smarty模板中截取包含中英文混合的字符串乱码的解决方案

    好几天没写博客了,其实有好多需要总结的,因为最近一直在忙着做项目,但是困惑了几天的Smarty模板中截取包含中英文混合的字符串乱码的问题,终于解决了,所以记录下来,需要的朋友看一下: 出现乱码的原因: ...

随机推荐

  1. 1.MySQL与MongoDB的操作对比，以及区别

    转自:https://www.cnblogs.com/chris-oil/p/4982490.html MySQL与MongoDB都是开源的常用数据库,但是MySQL是传统的关系型数据库,MongoD ...

  2. 7.stack

    #include <iostream> #include <stack> #include <algorithm> #include <list> #i ...

  3. Kali linux 2016.2（Rolling）里Metasploit连接（包括默认和自定义）的PostgreSQL数据库之后的切换到指定的工作空间

    不多说,直接上干货! 为什么要这么做? 答: 方便我们将扫描不同的目标或目标的不同段,进行归类.为了更好的后续工作! 前期博客 Kali linux 2016.2(Rolling)里Metasploi ...

  4. HD-ACM算法专攻系列（3）——Least Common Multiple

    题目描述: 源码: /**/ #include"iostream" using namespace std; int MinComMultiple(int n, int m) { ...

  5. 使用ajax验证用户名重复

    继上次的用户注册登录案例之后,对其中的部分功能再做进一步改进.上一版中用户提交表单后才对用户名进行校验,虽然做了回显,但还是感觉功能弱了些.为了能有更好用户体验,不是在用户提交表单后才给提示,而是在用 ...

  6. zabbix2.4.5安装zatree插件

    一.关于zatree zatree 是来自国内58公司开发的监控软件zabbix的一个插件,主要功能是提供host group的树形展示和在item里指定关键字查询及数据排序. 项目地址:https: ...

  7. 部分vivo和oppo手机，使用上传图片功能，可能会出现退出webview的现象(回退到app的入口页面)

    在公司的app里面嵌入了一个h5页面,h5页面有个使用图片上传功能,上传图片出现闪退的现象 问题描述:vivo手机,在app内的wap页面使用上传图片的功能,在选择好图片点击确认按钮后,出现退出整个w ...

  8. 【Educational Codeforces Round 37 E】Connected Components?

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] bfs. 用一个链表来记录哪些点已经确定在某一个联通快里了. 一开始每个点都能用. 然后从第一个点开始进行bfs. 然后对于它的所有 ...

  9. 安卓Gallery配合ImageSwitcher不显示图片

    Gallary装的是缩略图(thumb),ImageSwitcher装的是大图. 不显示图片的一个可能原因是gallery没设置代理器,另一个原因是没使用相对布局. GalleryActivity.j ...

  10. zend framework获取数据库中枚举类enum的数据并将其转换成数组

    在model中建立这种模型,在当中写入获取枚举类的方法 请勿盗版,转载请加上出处http://blog.csdn.net/yanlintao1 class Student extends Zend_D ...