Javascript:字符串对象(string)的基本操作
2015-02-03 09:33
357 查看
本文代码整理自w3school:http://www.w3school.com.cn
1.获取字符串的长度:
示例代码:
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("http://www.w3school.com.cn") + "</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"))效果图:
示例代码:
<!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("http://www.w3school.com.cn") + "</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/,"W3School"))
</script>
</body>
</html>
相关文章推荐
- javascript String 基本字符串和字符串对象
- JavaScript之基础-9 JavaScript String(内置对象、String概述、字符串常用操作、模式匹配)
- JavaScript字符串对象(string)基本用法示例
- JavaScript的String字符串对象常用操作总结
- 【Javascript】javascript学习 二十三 JavaScript 字符串(String)对象
- Python 列表(list)、字典(dict)、字符串(string)常用基本操作小结
- JavaScript Json对象和Json对象字符串的关系 jsonObj<->JsonString
- JavaScript&nbsp;字符串(String)对象
- Python 列表(list)、字典(dict)、字符串(string)常用基本操作小结
- Javascript String 字符串操作包
- JavaScript 字符串(String)对象
- 字符串String和对象包装类的基本功能
- JavaScript 字符串(String)对象
- JavaScript String(字符串)对象
- JavaScript Date toString 方法:将 Date 对象转换为字符串
- JavaScript 字符串(String)对象(二十四)
- js String对象中常用方法小结(字符串操作)
- JavaScript字符串String和Array操作的有趣方法
- javascript学习(五): 字符串对象String
- js javascript 判断字符串是否包含某字符串,String对象中查找子字符,indexOf