JavaScript字符串对象(string)基本用法示例

作者:books1958 时间:2024-04-17 10:00:31 

本文实例讲述了JavaScript字符串对象(string)基本用法。分享给大家供大家参考,具体如下:

1.获取字符串的长度:


var s = "Hello world";
document.write("length:"+s.length);

2.为字符串添加各种样式,如:


var txt = "Some words";
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>Link: " + txt.link("https://www.aspxhome.com") + "</p>")

3.获取字符串中部分内容首次出现的位置:


var hw_text = "Hello world";
document.write(hw_text.indexOf("Hello")+"<br/>");
document.write(hw_text.indexOf("world")+"<br/>");
document.write(hw_text.indexOf("abc")+"<br/>");

4.内容替换:


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

效果图:

JavaScript字符串对象(string)基本用法示例

示例代码:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-cn" />
<title>Javascript 字符串对象</title>
<head>
<style>
 body {background-color:#e6e6e6}
</style>
</head>
<body>
<h3>(一)length属性:获取字符串的长度</h3>
<p id="hw">Hello world, Hello javascript!</p>
<script>
 var s = document.getElementById("hw").innerHTML;
 document.write("length:"+s.length);
</script>
<h3>(二)为字符串添加样式</h3>
<p>对字符串调用样式的相关方法时,会自动拼接相应的html标签</p>
<p id = "hw_02">some words</p>
<button onclick="alertBig()">Call txt.big()</button>
<script>
 var txt = document.getElementById("hw_02").innerHTML;
 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>Link: " + txt.link("https://www.aspxhome.com") + "</p>")
 function alertBig(){
  alert(txt.big());
 }
</script>
<h3>(三)indexOf方法:定位字符串中某一个指定的字符首次出现的位置</h3>
<script>
 var hw_text = "Hello world";
 document.write(hw_text.indexOf("Hello")+"<br/>");
 document.write(hw_text.indexOf("world")+"<br/>");
 document.write(hw_text.indexOf("abc")+"<br/>");
</script>
<h3>(四)replace()方法:替换字符串中的部分内容</h3>
<script>
 var str="Visit Microsoft!"
 document.write(str.replace(/Microsoft/,"jb51"))
</script>
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

标签:JavaScript,字符串,string
0
投稿

猜你喜欢

  • vue3中使用ref和emit来减少props的使用示例详解

    2024-04-27 16:02:02
  • python flask搭建web应用教程

    2023-05-14 14:16:17
  • Mysql查询日期timestamp格式的数据实现

    2024-01-22 08:59:55
  • 详解Vue3如何加载动态菜单

    2024-04-27 15:56:52
  • Python echarts实现数据可视化实例详解

    2022-02-22 03:54:09
  • 5道关于python基础 while循环练习题

    2023-05-22 02:03:33
  • vue新玩法VueUse工具库具体用法@vueuse/core详解

    2023-07-02 16:55:44
  • form 元素内的字段 name 不要跟 form 属性名称一致

    2008-10-22 13:25:00
  • python热力图实现简单方法

    2023-10-28 06:14:41
  • Windows下通过DOS命令登录MYSQL的方法

    2024-01-27 13:21:02
  • PHP之mysql位运算案例讲解

    2023-06-13 06:16:19
  • Python爬取世界杯热搜榜并制作脚本自动发送信息到邮箱的过程

    2021-01-21 20:35:53
  • python输入中文的实例方法

    2023-08-03 03:25:43
  • Python的迭代器和生成器

    2022-04-29 17:56:09
  • Python爬虫新手入门之初学lxml库

    2021-11-19 07:16:29
  • js里面的变量范围分享

    2024-04-19 09:51:47
  • django和vue互传图片并进行处理和展示

    2021-04-24 20:39:16
  • pandas 取出表中一列数据所有的值并转换为array类型的方法

    2023-10-04 15:12:52
  • 提高python代码可读性利器pycodestyle使用详解

    2023-09-04 11:22:04
  • 火狐浏览器:浏览数据新方式(附模拟图)[译]

    2009-04-23 10:51:00
  • asp之家 网络编程 m.aspxhome.com