js02---字符串

<!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---字符串的更多相关文章

Python高手之路【六】python基础之字符串格式化
Python的字符串格式化有两种方式: 百分号方式.format方式百分号的方式相对来说比较老,而format方式则是比较先进的方式,企图替换古老的方式,目前两者并存.[PEP-3101] This ...
测试一下StringBuffer和StringBuilder及字面常量拼接三种字符串的效率
之前一篇里写过字符串常用类的三种方式<java中的字符串相关知识整理>,只不过这个只是分析并不知道他们之间会有多大的区别,或者所谓的StringBuffer能提升多少拼接效率呢?为此写个简 ...
java中的字符串相关知识整理
字符串为什么这么重要写了多年java的开发应该对String不陌生,但是我却越发觉得它陌生.每学一门编程语言就会与字符串这个关键词打不少交道.看来它真的很重要. 字符串就是一系列的字符组合的串,如果 ...
JavaScript 字符串实用常操纪要
JavaScript 字符串用于存储和处理文本.因此在编写 JS 代码之时她总如影随形,在你处理用户的输入数据的时候,在读取或设置 DOM 对象的属性时,在操作 Cookie 时,在转换各种不同 Da ...
Java 字符串格式化详解
Java 字符串格式化详解版权声明:本文为博主原创文章,未经博主允许不得转载. 微博:厉圣杰文中如有纰漏,欢迎大家留言指出. 在 Java 的 String 类中,可以使用 format() 方法 ...
Redis的简单动态字符串实现
Redis 没有直接使用 C 语言传统的字符串表示(以空字符结尾的字符数组,以下简称 C 字符串), 而是自己构建了一种名为简单动态字符串(simple dynamic string,sds)的抽象类 ...
ASP.NET加密和解密数据库连接字符串
大家知道,在应用程序中进行数据库操作需要连接字符串,而如果没有连接字符串,我们就无法在应用程序中完成检索数据,创建数据等一系列的数据库操作.当有人想要获取你程序中的数据库信息,他首先看到的可能会是We ...
Javascript正则对象方法与字符串正则方法总结
正则对象 var reg = new Regexp('abc','gi') var reg = /abc/ig 正则方法 test方法(测试某个字符串是否匹配) var str = 'abc123'; ...
微信小程序中利用时间选择器和js无计算实现定时器（将字符串或秒数转换成倒计时）
转载注明出处改成了一个单独的js文件,并修改代码增加了通用性,点击这里查看今天写小程序,有一个需求就是用户选择时间,然后我这边就要开始倒计时. 因为小程序的限制,所以直接选用时间选择器作为选择定时 ...
ThinkPHP+Smarty模板中截取包含中英文混合的字符串乱码的解决方案
好几天没写博客了,其实有好多需要总结的,因为最近一直在忙着做项目,但是困惑了几天的Smarty模板中截取包含中英文混合的字符串乱码的问题,终于解决了,所以记录下来,需要的朋友看一下: 出现乱码的原因: ...

随机推荐

使用Onedrive
买了个某捷的大硬盘,于是发现比较坑,非要用云存储才能获得额外200G.于是费了一个多小时.不过学习到了很多. 首先硬盘下会给出对应的exe文件,点击运行就可以. 之后注册希捷的账号,以及微软的账号. ...
VMware Workstation pro14 虚拟机下安装CentOS6.8图文教程
转载收藏于 https://www.cnblogs.com/jepson6669/p/8371823.html 1 启动VMware的画面 2．点击创建新的虚拟机 3 选择典型(推荐) 4 选择 ...
Oracle 流程控制语句
分为选择语句循环语句两大类:一选择语句1 if then ...end;set serveroutput on declare var_name1 varchar2(50):='East'; var ...
HDU-1789 Doing Homework again 贪心问题有时间限制的最小化惩罚问题
题目链接:https://cn.vjudge.net/problem/HDU-1789 题意小明有一大堆作业没写,且做一个作业就要花一天时间给出所有作业的时间限制,和不写作业后要扣的分数问如何安 ...
第一章、zabbix安装
前言: 注意:本文不涉及性能测试.性能优化中的监控,所有文字的出发点都是日常运维监控. 在开始之前,我们还是先统一下认识:要监控一个对象,需要掌握哪些东西呢? 监控对象的理解:要监控的对象你是否了解呢 ...
08-for循环
Win 7中开启Telnet功能
参看以下文章: http://winsystem.ctocio.com.cn/Longhorn/472/8756972.shtml
Attach、Detach和DeleteObject
原文:Attach.Detach和DeleteObject,想飞的梦想 1.CWnd Attatch和Detach的关系首先,要明白Windows对象和MFC对象的区别. MFC对象实际上并没有把整 ...
剑指Offer面试题27（Java版）：二叉搜索树与双向链表
题目:输入一颗二叉搜索树,将该二叉搜索树转换成一个排序的双向链表.要求不能创建新的结点.仅仅能调整树中结点指针的指向. 比方例如以下图中的二叉搜索树.则输出转换之后的排序双向链表为: 在二叉树中,每一 ...
网络芯片应用：GPS公交车行驶记录仪
项目描写叙述佛罗里达大学学生 Miles Moody 使用WIZnet W5200以太网插板及Arduino Nano剖析了来自一个当地网页服务的HTML代码,并讲述了他每天带着公交车实时GPS坐标 ...

js02---字符串

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

随机推荐

热门专题