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 相关文章推荐
用roll.js实现的图片自动滚动+鼠标触动的特效
Mar 18 Javascript
Jquery.TreeView结合ASP.Net和数据库生成菜单导航条
Aug 27 Javascript
在线一元二次方程计算器实例(方程计算器在线计算)
Dec 22 Javascript
JQuery中extend使用介绍
Mar 13 Javascript
教你用javascript实现随机标签云效果_附代码
Mar 16 Javascript
js实现刷新页面后回到记录时滚动条的位置【两种方案可选】
Dec 12 Javascript
web前端vue之vuex单独一文件使用方式实例详解
Jan 11 Javascript
Vue常用指令详解分析
Aug 19 Javascript
Vue-CLI 项目在pycharm中配置方法
Aug 30 Javascript
安装多版本Vue-CLI的实现方法
Mar 24 Javascript
JavaScript如何操作css
Oct 24 Javascript
如何在vue 中使用柱状图 并自修改配置
Jan 21 Vue.js
基于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按行读取、处理较大CSV文件的代码实例
2014/04/09 PHP
php版微信返回用户text输入的方法
2016/11/14 PHP
深入解析Laravel5.5中的包自动发现Package Auto Discovery
2017/09/13 PHP
PHP设计模式之模板方法模式定义与用法详解
2018/04/02 PHP
jquery星级插件、支持页面中多次使用
2012/03/25 Javascript
JS 获取select(多选下拉)中所选值的示例代码
2013/08/02 Javascript
jquery ajax 调用失败的原因示例介绍
2013/09/27 Javascript
js实现图片从左往右渐变切换效果的方法
2015/02/06 Javascript
JavaScript获取数组最小值和最大值的方法
2015/06/09 Javascript
js插件Jcrop自定义截取图片功能
2016/10/14 Javascript
JS实现全屏的四种写法
2016/12/30 Javascript
Web纯前端“旭日图”实现元素周期表
2017/03/10 Javascript
重新理解JavaScript的六种继承方式
2017/03/24 Javascript
vue页面跳转后返回原页面初始位置方法
2018/02/11 Javascript
jQuery插件Validation表单验证详解
2018/05/26 jQuery
关于JavaScript 数组你应该知道的事情(推荐)
2019/04/10 Javascript
使用webpack编译es6代码的方法步骤
2019/04/28 Javascript
Easyui 关闭jquery-easui tab标签页前触发事件的解决方法
2019/04/28 jQuery
生产制造追溯系统之在线打印功能
2019/06/03 Javascript
独立部署小程序基于nodejs的服务器过程详解
2019/06/24 NodeJs
layui清除radio的选中状态实例
2019/11/14 Javascript
Vue-CLI与Vuex使用方法实例分析
2020/01/06 Javascript
JS实现滑动拼图验证功能完整示例
2020/03/29 Javascript
小程序实现背景音乐播放和暂停
2020/06/19 Javascript
nuxt.js服务端渲染中axios和proxy代理的配置操作
2020/11/06 Javascript
Python元组及文件核心对象类型详解
2018/02/11 Python
css3针对移动端卡顿问题的解决(动画性能优化)
2020/02/14 HTML / CSS
Roxy荷兰官方网站:冲浪、滑雪板、服装和配件
2019/10/22 全球购物
2015年元旦文艺汇演主持词
2014/03/26 职场文书
党的群众路线教育实践活动个人对照检查材料(乡镇)
2014/11/05 职场文书
2014年教师教学工作总结
2014/11/08 职场文书
2014年信息宣传工作总结
2014/12/18 职场文书
素质教育培训心得体会
2016/01/19 职场文书
会议主持词通用版
2019/04/02 职场文书
小米11和iphone12哪个值得买?小米11对比iphone12评测
2021/04/21 数码科技
JavaScript实现音乐播放器
2022/08/14 Javascript