当前位置: 首页 > news >正文

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'

转载于:https://www.cnblogs.com/zswmv/p/7078630.html

相关文章:

  • spring data jpa mysql 悲观锁
  • 迅为IMX6开发板支持全网通4G模块丨GPS模块丨WIFI蓝牙丨千兆以太网
  • hackerrank Diameter Minimization
  • 如何开发一个Servlet
  • HDU1023 Train Problem II
  • Linux 定时任务的学习
  • 什么是编程语言
  • JavaSE--【转】网络安全之证书、密钥、密钥库等名词解释
  • Python基础 :正则表达式
  • 是否有网络
  • 是时候学一波STL了。。。
  • html特殊字符的html,js,css写法汇总
  • 19_传智播客iOS视频教程_类和对象
  • Msql入门实战之下
  • Repeater的使用及其鼠标特效,行链接的使用
  • [译] 理解数组在 PHP 内部的实现(给PHP开发者的PHP源码-第四部分)
  • CSS选择器——伪元素选择器之处理父元素高度及外边距溢出
  • Java的Interrupt与线程中断
  • k8s如何管理Pod
  • learning koa2.x
  • 复习Javascript专题(四):js中的深浅拷贝
  • 工程优化暨babel升级小记
  • 基于Dubbo+ZooKeeper的分布式服务的实现
  • 聊聊flink的BlobWriter
  • 码农张的Bug人生 - 初来乍到
  • 设计模式 开闭原则
  • 使用 Node.js 的 nodemailer 模块发送邮件(支持 QQ、163 等、支持附件)
  • 使用权重正则化较少模型过拟合
  • 算法之不定期更新(一)(2018-04-12)
  • 在Docker Swarm上部署Apache Storm:第1部分
  • 2017年360最后一道编程题
  • (1)bark-ml
  • (4)事件处理——(2)在页面加载的时候执行任务(Performing tasks on page load)...
  • (附源码)spring boot基于Java的电影院售票与管理系统毕业设计 011449
  • (附源码)计算机毕业设计高校学生选课系统
  • (论文阅读32/100)Flowing convnets for human pose estimation in videos
  • (转载)PyTorch代码规范最佳实践和样式指南
  • (转载)VS2010/MFC编程入门之三十四(菜单:VS2010菜单资源详解)
  • * 论文笔记 【Wide Deep Learning for Recommender Systems】
  • *2 echo、printf、mkdir命令的应用
  • .NET Core MongoDB数据仓储和工作单元模式封装
  • .NET Core 成都线下面基会拉开序幕
  • .NET 发展历程
  • .net 中viewstate的原理和使用
  • ;号自动换行
  • @GetMapping和@RequestMapping的区别
  • [ C++ ] STL---string类的模拟实现
  • [20190401]关于semtimedop函数调用.txt
  • [C++]:for循环for(int num : nums)
  • [IDF]聪明的小羊
  • [IE编程] 如何获得IE版本号
  • [java]删除数组中的某一个元素
  • [Java开发之路](14)反射机制
  • [LeetCode] 93. Restore IP Addresses 复原IP地址
  • [Linux] 一文理解HTTPS协议:什么是HTTPS协议、HTTPS协议如何加密数据、什么是CA证书(数字证书)...