PHP MySQL jquery HTML CSS
概览 JavaScript对象 Browser 对象 DOM 对象 HTML 对象 对象属性
概览 JavaScript Array 对象 Location 对象 JavaScript anchor() 方法 JavaScript charCodeAt() 方法 HTML DOM readyState 属性 HTML DOM createAttribute() 方法 History 对象 button 事件属性 onmousemove 事件 onresize 事件 JavaScript match() 方法 onselect 事件 onunload 事件 ondblclick 事件 Window 对象 Navigator 对象 HTML DOM anchors 集合 HTML DOM forms 集合 onwheel 事件 screenY 事件属性 ondragend 事件 ondragover 事件 ondrop 事件 onloadedmetadata 事件 HTML DOM doctype 属性 onbeforeunload 事件 JavaScript toLowerCase() 方法 animationstart 事件 strictErrorChecking 属性 getElementsByName() 方法 createComment() 方法 ononline 事件 onmouseleave 事件 onoffline 事件 onmouseover 事件 documentElement 属性 onwaiting 事件 HTML DOM write() 方法 JavaScript 运算符 HTML DOM URL 属性 JavaScript substr() 方法 timeStamp 事件属性 JavaScript split() 方法 ontimeupdate 事件 animationiteration 事件 onseeking 事件 HTML DOM documentURI 属性 oninput 事件 relatedTarget 事件属性 Link rev 属性 HTML DOM createTextNode() 方法 transitionend 事件 onmouseout 事件 onkeyup 事件 oncanplaythrough 事件 ondragstart 事件 onplaying 事件 JavaScript atan2() 方法 onbeforeprint 事件 oncut 事件 cancelable 事件属性 JavaScript concat() 方法 JavaScript Array every() 方法 JavaScript Array filter() 方法 JavaScript indexOf() 方法 JavaScript join() 方法

概览

概览

JavaScript对象

JavaScript Array 对象 Location 对象 JavaScript anchor() 方法 JavaScript charCodeAt() 方法 HTML DOM readyState 属性 HTML DOM createAttribute() 方法 History 对象 button 事件属性 onmousemove 事件 onresize 事件 JavaScript match() 方法 onselect 事件 onunload 事件 ondblclick 事件 Window 对象 Navigator 对象 HTML DOM anchors 集合 HTML DOM forms 集合 onwheel 事件 screenY 事件属性 ondragend 事件 ondragover 事件 ondrop 事件 onloadedmetadata 事件 HTML DOM doctype 属性 onbeforeunload 事件 JavaScript toLowerCase() 方法 animationstart 事件 strictErrorChecking 属性 getElementsByName() 方法 createComment() 方法 ononline 事件 onmouseleave 事件 onoffline 事件 onmouseover 事件 documentElement 属性 onwaiting 事件 HTML DOM write() 方法 JavaScript 运算符 HTML DOM URL 属性 JavaScript substr() 方法 timeStamp 事件属性 JavaScript split() 方法 ontimeupdate 事件 animationiteration 事件 onseeking 事件 HTML DOM documentURI 属性 oninput 事件 relatedTarget 事件属性 Link rev 属性 HTML DOM createTextNode() 方法 transitionend 事件 onmouseout 事件 onkeyup 事件 oncanplaythrough 事件 ondragstart 事件 onplaying 事件 JavaScript atan2() 方法 onbeforeprint 事件 oncut 事件 cancelable 事件属性

Browser 对象

DOM 对象

HTML 对象

对象属性

JavaScript concat() 方法 JavaScript Array every() 方法 JavaScript Array filter() 方法 JavaScript indexOf() 方法 JavaScript join() 方法
首页 > 大前端 > JavaScript >JavaScript 参考手册

JavaScript 参考手册

收藏
分享
浏览18273
更新时间2022-04-24
HTML DOM URL 属性 timeStamp 事件属性

JavaScript substr() 方法

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p id="demo">点击按钮截取字符串。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
    var str="Hello world!";
    var n=str.substr(2,3);
    document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

定义和用法

substr() 方法可在字符串中抽取从 开始 下标开始的指定数目的字符。

提示： substr() 的参数指定的是子串的开始位置和长度，因此它可以替代 substring() 和 slice() 来使用。
在 IE 4 中，参数 start 的值无效。在这个 BUG 中，start 规定的是第 0 个字符的位置。在之后的版本中，此 BUG 已被修正。
ECMAscript 没有对该方法进行标准化，因此反对使用它。

注意： substr() 方法不会改变源字符串。

浏览器支持

QQ截图20161108165429.png

所有主要浏览器都支持 substr() 方法

语法

string.substr(start,length)

参数值

参数 描述
start 必需。要抽取的子串的起始下标。必须是数值。如果是负数，那么该参数声明从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。
length 可选。子串中的字符数。必须是数值。如果省略了该参数，那么返回从 stringObject 的开始位置到结尾的字串。

返回值

类型 描述
String A new string containing the extracted part of the text

技术细节

JavaScript 版本： 1.0

更多实例

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p id="demo">点击按钮截取字符串</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="Hello world!";
	var n=str.substr(2);
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


HTML DOM URL 属性 timeStamp 事件属性

相关视频

更多

免费

前端入门_HTML5
初级前端入门_HTML5

64.8万次学习

收藏

免费

30分钟学会网站布局
初级30分钟学会网站布局

24.6万次学习

收藏

免费

CSS视频教程-玉女心经版
初级CSS视频教程-玉女心经版

41.1万次学习

收藏

免费

JavaScript极速入门_玉女心经系列
初级JavaScript极速入门_玉女心经系列

76.4万次学习

收藏

科技资讯

更多
华为nova 16 Pro泡泡玛特Hirono小野联名款礼盒发布，售价3899元
小佩Ai全自动猫厕所ULTRA，省事、更省心
Kratos v2.9.2 发布：Consul 标签与 metadata 修复
Kratos v3 迁移说明明确 Go 1.25 与 slog 改动
Kratos v3.0.0 新增 HTTP 流式与错误能力
Kratos v3 文档更新：Core 与 Contrib 边界更清晰
Kratos v3.0.0 发布：核心模块进入 v3 路径
vivo国内首款eSIM手机首销仪式在京举行
上班暂停 摸鱼时间到!支付宝推出摸鱼辅助系统《鱼来》

24小时阅读榜

更多

1

Nginx location匹配怎么配置错误页面的专属路由

2

JavaScript 异步代码测试中怎么在微任务队列中编写断言

3

如何在CSS中实现表格表头与首列同时固定定位

4

Golang中Gin框架日志接入阿里云日志服务的配置

5

为什么CSS中的relative定位保留物理空间占位

6

在SQL中如何使用GROUP BY提取每个部门工资最高的人？

7

Nginx OCSP Stapling怎么处理自签名证书无法启用 OCSP 的问题

8

怎样在MySQL 8.0中强制所有客户端连接使用TLS/SSL加密

9

JavaScript Fetch API 中怎么设置请求缓存策略 Cache Control

10

Mac 怎么修改 Homebrew 核心库的下载镜像

11

HTML5 中怎么用 canvas 裁剪出不规则多边形区域的图像内容

12

在现代CSS中怎么利用cqw单位实现卡片自适应缩放

13

Docker 镜像极致瘦身与体积优化全套教程

14

JavaScript Promise 中怎么在复杂单页应用中组织统一的 Promise 模块

15

怎样解决Python安装过程中卡在进度条无法完成的问题

精品课程

更多
PHP实战天龙八部之微信支付视频教程
PHP实战天龙八部之微信支付视频教程

共5课时

18万人学习

PHP实战天龙八部之仿爱奇艺电影网站
PHP实战天龙八部之仿爱奇艺电影网站

共49课时

82.2万人学习

前端入门_HTML5
前端入门_HTML5

共29课时

65万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时

41.3万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时

76.8万人学习

独孤九贱(1)_HTML5视频教程
独孤九贱(1)_HTML5视频教程

共25课时

64.2万人学习

独孤九贱(2)_CSS视频教程
独孤九贱(2)_CSS视频教程

共22课时

24.4万人学习

独孤九贱(3)_JavaScript视频教程
独孤九贱(3)_JavaScript视频教程

共28课时

36.3万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时

133.4万人学习

热门下载

更多
phpStudy 2018最新版
phpStudy 2018最新版

集成PHP7，16种组合，超全大合集

下载
vc9-vc14（32+64位）运行库合集（链接在下方）
vc9-vc14（32+64位）运行库合集（链接在下方）

phpStudy安装所需运行库集合下载

下载
VC9 32位
VC9 32位

VC9 32位 phpstudy集成安装环境运行库

下载
VC11 32位
VC11 32位

VC11 32位 phpstudy集成安装环境运行库​

下载
php程序员工具箱完整版
php程序员工具箱完整版

程序员工具箱 v1.0 php集成环境

下载
VC14 32位
VC14 32位

VC14 32位 phpstudy安装环境运行库

下载
SublimeText3汉化版
SublimeText3汉化版

中文版，非常好用

下载
Notepad++ Windows版
Notepad++ Windows版

Notepad++ 8.9.7 Windows版官方安装包，适合 Windows 用户进行代码编辑、文本处理、语法高亮和插件扩展配置。

下载
phpStudy V8.1（Win64位）（已支持php8）
phpStudy V8.1（Win64位）（已支持php8）

Win64位，支持php多版本共存

下载
提交