JavaScript String(字符串)对象的简单实例(推荐)


Posted in Javascript onAugust 31, 2016

返回字符串的长度:

<html>
<body>

<script type="text/javascript">

var txt="Hello World!"
document.write(txt.length)

</script>

</body>
</html>

为字符串添加样式:

<html>
<body>

<script type="text/javascript">

var txt="Hello World!"

document.write("<p>Big: " + txt.big() + "</p>")
document.write("<p>Small: " + txt.small() + "</p>")

document.write("<p>Bold: " + txt.bold() + "</p>")
document.write("<p>Italic: " + txt.italics() + "</p>")

document.write("<p>Blink: " + txt.blink() + " (does not work in IE)</p>")
document.write("<p>Fixed: " + txt.fixed() + "</p>")
document.write("<p>Strike: " + txt.strike() + "</p>")

document.write("<p>Fontcolor: " + txt.fontcolor("Red") + "</p>")
document.write("<p>Fontsize: " + txt.fontsize(16) + "</p>")

document.write("<p>Lowercase: " + txt.toLowerCase() + "</p>")
document.write("<p>Uppercase: " + txt.toUpperCase() + "</p>")

document.write("<p>Subscript: " + txt.sub() + "</p>")
document.write("<p>Superscript: " + txt.sup() + "</p>")

document.write("<p>Link: " + txt.link("http://www.w3school.com.cn") + "</p>")
</script>

</body>
</html>

返回字符串中指定文本首次出现的位置 - indexOf()方法:

<html>
<body>

<script type="text/javascript">

var str="Hello world!"
document.write(str.indexOf("Hello") + "<br />")
document.write(str.indexOf("World") + "<br />")
document.write(str.indexOf("world"))

</script>

</body>
</html>

效果如下:

JavaScript String(字符串)对象的简单实例(推荐)

查找字符串中特定的字符,若找到,则返回该字符 - match() 方法:

<html>
<body>

<script type="text/javascript">

var str="Hello world!"
document.write(str.match("world") + "<br />")
document.write(str.match("World") + "<br />")
document.write(str.match("worlld") + "<br />")
document.write(str.match("world!"))

</script>

</body>
</html>

效果如下:

JavaScript String(字符串)对象的简单实例(推荐)

 

替换字符串中的字符 - replace():

<html>
<body>

<script type="text/javascript">

var str="Visit Microsoft!"
document.write(str.replace(/Microsoft/,"W3School"))

</script>
</body>
</html>

效果如下:

JavaScript String(字符串)对象的简单实例(推荐)

以上这篇JavaScript String(字符串)对象的简单实例(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
web基于浏览器的本地存储方法应用
Nov 27 Javascript
jquery显示loading图片直到网页加载完成的方法
Jun 25 Javascript
11种ASP连接数据库的方法
Sep 18 Javascript
AngularJS入门(用ng-repeat指令实现循环输出
May 05 Javascript
深入理解jquery自定义动画animate()
May 24 Javascript
利用iscroll4实现轮播图效果实例代码
Jan 11 Javascript
通过一个简单的例子学会vuex与模块化
Nov 22 Javascript
JS实现获取毫秒值及转换成年月日时分秒的方法
Aug 15 Javascript
jQuery轮播图实例详解
Aug 15 jQuery
jquery实现的简单轮播图功能【适合新手】
Aug 17 jQuery
countup.js实现数字动态叠加效果
Oct 17 Javascript
微信小程序中限制激励式视频广告位显示次数(实现思路)
Dec 06 Javascript
基于JavaScript实现鼠标向下滑动加载div的代码
Aug 31 #Javascript
Node.js配合node-http-proxy解决本地开发ajax跨域问题
Aug 31 #Javascript
jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等的简单实现
Aug 31 #Javascript
基于JavaScript实现点击页面任何位置返回
Aug 31 #Javascript
jquery datatable服务端分页
Aug 31 #Javascript
关于javascript原型的修改与重写(覆盖)差别详解
Aug 31 #Javascript
Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发
Aug 31 #Javascript
You might like
获取用户Ip地址通用方法与常见安全隐患(HTTP_X_FORWARDED_FOR)
2013/06/01 PHP
Ext.MessageBox工具类简介
2009/12/10 Javascript
JS打开新窗口的2种方式
2013/04/18 Javascript
js中的如何定位固定层的位置
2014/06/15 Javascript
jquery引用方法时传递参数原理分析
2014/10/13 Javascript
JScript中的条件注释详解
2015/04/24 Javascript
js的flv视频播放器插件使用方法
2015/06/23 Javascript
js实现的二级横向菜单条实例
2015/08/22 Javascript
JS实现仿新浪黄色经典滑动门效果代码
2015/09/27 Javascript
基于JavaScript实现移除(删除)数组中指定元素
2016/01/04 Javascript
input框中的name和id的区别
2016/11/16 Javascript
微信小程序 实战程序简易新闻的制作
2017/01/09 Javascript
AngularJS实现select的ng-options功能示例
2017/07/12 Javascript
微信小程序picker组件简单用法示例【附demo源码下载】
2017/12/05 Javascript
Angular 组件之间的交互的示例代码
2018/03/24 Javascript
Node.js应用设置安全的沙箱环境
2018/04/23 Javascript
vue根据条件不同显示不同按钮的操作
2020/08/04 Javascript
[47:04]EG vs RNG 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
关于Python中异常(Exception)的汇总
2017/01/18 Python
python机器学习之神经网络(三)
2017/12/20 Python
Python模拟随机游走图形效果示例
2018/02/06 Python
Python检测数据类型的方法总结
2019/05/20 Python
Flask框架单例模式实现方法详解
2019/07/31 Python
详解python环境安装selenium和手动下载安装selenium的方法
2020/03/17 Python
python爬取代理IP并进行有效的IP测试实现
2020/10/09 Python
CSS3绘制不规则图形的一些方法示例
2015/11/07 HTML / CSS
HTML5轻松实现全屏视频背景的示例
2018/04/23 HTML / CSS
夏威夷航空官网:Hawaiian Airlines
2016/09/11 全球购物
美国知名的隐形眼镜电商:Contacts America
2019/11/19 全球购物
函授本科毕业生自我鉴定
2013/10/16 职场文书
2014副局长群众路线对照检查材料思想汇报
2014/09/22 职场文书
2015年超市工作总结范文
2015/05/26 职场文书
毛主席纪念堂观后感
2015/06/17 职场文书
趣味运动会简讯
2015/07/20 职场文书
学习雷锋主题班会
2015/08/14 职场文书
浅谈Nginx 中的两种限流方式
2021/03/31 Servers