lastIndexOf和substr的应用案例

DOCTYPE html>

Document

img{width: 400px;}

<img src="./img/yubin1.jpg" alt="" onclick="test()">

function test(){

var imgObj = document.getElementsByTagName('img')[0];

var imgUrl = imgObj.src; // string

var imgName = subString(imgUrl,'/');

if(imgName == 'yubin1.jpg'){

imgObj.src = 'img/yubin2.jpg';

}else if(imgName == 'yubin2.jpg'){

imgObj.src = 'img/yubin1.jpg';

}

}

/**

* @intro截取字符串中部分字符,从后往前截取关键字

* @param url tring需要被截取的字符串

* @param keyword string截取标准

* @return string截取后的字符串

*/

function subString(url,keyword){

var num = url.lastIndexOf(keyword);

var res = url.substr(num + 1);

return res;

}

substr()

如何使用 substr() 从字符串提取一些字符。

stringObject.substr(start,length)

var str="Hello world!"document.write(str.substr(3,7))


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 《ijs》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 10,818评论 0 7
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,671评论 19 139
  • 以下是常用的代码收集,学习用。转自豪情博客园 1. PC - js 返回指定范围的随机数(m-n之间)的公式 re...
    自由加咖啡阅读 4,636评论 0 1
  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 5,206评论 0 5
  • DOM DOM内容主要分为四部分: 什么是DOM和节点; 获取节点; 节点操作(3种); 属性操作(3种)。 什么...
    magic_pill阅读 4,196评论 0 1