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 相关文章推荐
通过 Dom 方法提高 innerHTML 性能
Mar 26 Javascript
JavaScript高级程序设计 读书笔记之九 本地对象Array
Feb 27 Javascript
精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程
Aug 22 Javascript
jquery 循环显示div的示例代码
Oct 18 Javascript
Jquery 模拟用户点击超链接或者按钮的方法
Oct 25 Javascript
js 通用订单代码
Dec 23 Javascript
angularJS 中$scope方法使用指南
Feb 09 Javascript
编写高性能Javascript代码的N条建议
Oct 12 Javascript
基于vue 开发中出现警告问题去除方法
Jan 25 Javascript
vue打包的时候自动将px转成rem的操作方法
Jun 20 Javascript
pm2发布node配置文件ecosystem.json详解
May 15 Javascript
WEEX环境搭建与入门详解
Oct 16 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
彻底杜绝PHP的session cookie错误
2009/08/09 PHP
php根据用户语言跳转相应网页
2015/11/04 PHP
PHP-FPM和Nginx的通信机制详解
2019/02/01 PHP
Jquery 学习笔记(一)
2009/10/13 Javascript
Javascript 类与静态类的实现(续)
2010/04/02 Javascript
js 验证身份证信息有效性
2014/03/28 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
2014/06/15 Javascript
jQuery中:image选择器用法实例
2015/01/03 Javascript
jquery.mobile 共同布局遇到的问题小结
2015/02/10 Javascript
js获取字符串字节数方法小结
2015/06/09 Javascript
JavaScript简单下拉菜单实例代码
2015/09/07 Javascript
5个最顶级jQuery图表类库插件【jquery插件库】
2016/05/05 Javascript
浅谈Webpack 持久化缓存实践
2018/03/22 Javascript
jQuery基于闭包实现的显示与隐藏div功能示例
2018/06/09 jQuery
详解Webpack-dev-server的proxy用法
2018/09/08 Javascript
vue-cli和v-charts实现可视化图表过程解析
2019/10/08 Javascript
Vuex实现数据共享的方法
2019/12/20 Javascript
vue父子组件间引用之$parent、$children
2020/05/20 Javascript
[03:45]Newbee战队出征西雅图 决战2016国际邀请赛
2016/08/02 DOTA
pandas.DataFrame 根据条件新建列并赋值的方法
2018/04/08 Python
对python的unittest架构公共参数token提取方法详解
2018/12/17 Python
Python简单过滤字母和数字的方法小结
2019/01/09 Python
Python+Pyqt实现简单GUI电子时钟
2021/02/22 Python
python config文件的读写操作示例
2019/09/27 Python
Python 读取有公式cell的结果内容实例方法
2020/02/17 Python
python 伯努利分布详解
2020/02/25 Python
keras做CNN的训练误差loss的下降操作
2020/06/22 Python
html5+css3实现一款注册表单实例
2013/04/17 HTML / CSS
canvas绘图按照contain或者cover方式适配并居中显示
2019/02/18 HTML / CSS
公司端午节活动方案
2014/02/04 职场文书
优质服务演讲稿
2014/05/14 职场文书
主婚人致辞精选
2015/07/28 职场文书
小学语文教学随笔
2015/08/14 职场文书
超级详细实用的pycharm常用快捷键
2021/05/12 Python
教你用Python爬取英雄联盟皮肤原画
2021/06/13 Python
一起来看看Vue的核心原理剖析
2022/03/24 Vue.js