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模板中截取包含中英文混合的字符串乱码的问题,终于解决了,所以记录下来,需要的朋友看一下: 出现乱码的原因: ...

随机推荐

关于fetch
前言: fetch是用来取代传统的XMLHttpRequest的. 它的优点很多,包括链式调用的语法.返回promise等. 什么是fetch? fetch api是基于promise的设计,它是为了 ...
Kali linux 2016.2（Rolling）里Metasploit连接（包括默认和自定义）的PostgreSQL数据库之后的切换到指定的工作空间
不多说,直接上干货! 为什么要这么做? 答: 方便我们将扫描不同的目标或目标的不同段,进行归类.为了更好的后续工作! 前期博客 Kali linux 2016.2(Rolling)里Metasploi ...
AngularJs轻松入门（二）数据绑定
数据绑定是AngularJs中非常重要的特性,我们看一下下面的例子: <!DOCTYPE html> <html ng-app> <head lang="en& ...
PostgreSQL备份与还原
物理备份:整个数据库的数据目录及文件做备份:备份整个数据库的文件系统. 物理恢复:恢复整个数据库的文静系统. 物理备份方法: 开启归档 select pg_start_backup('backup—— ...
UVa 729 The Hamming Distance Problem【枚举排列】
题意:给出数组的长度n,给出h,表示这个数组里面含有h个1,求其所有的排列用next_permutation就可以了 #include<iostream> #include<cst ...
运维派企业面试题3 为上题中的 "十个随机字母_test.html" 文件更名
Linux运维必会的实战编程笔试题(19题) 企业面试题3 #将试题2中创建的文件名uopiyhgawe_test.html# test-->修改为omg,html-->HTML 方法一: ...
关于FAT32分区的U盘4GB文件的测试
关于FAT32分区的U盘4GB文件的测试很多人都知道FAT32的分区,单文件大小不能超过4GB,关于这个问题就来测测看. FAT32最大文件大小为2的32次方,也就是4294967296 Byte, ...
紫书习题 10-2 UVa 808（建立坐标+找规律）
这次是我遇见过最迷的一次我写的程序uDebug全过和ac程序对拍也过,求出来的坐标是一模一样的,最后结果输出的方式也是一样的交上去就是错的迷第一次遇到这种情况大佬在哪里 #include& ...
Android导航Tab栏实现
前言 android中滑动控件非常多,相信大部分同学接触的都是ListView这样的竖向滑动的控件,可是有时候我们也有横向滑动的需求,非常多应用眼下也做成了这个样子,以weiciyuan为例,例如以下 ...
UI_UISegmentedControl 控件
创建控件 - (void)createSegmentControl { UISegmentedControl *segmentedControl = [[UISegmentedControl allo ...

js02---字符串

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

随机推荐

热门专题