JavaScript String(字符串)對象 實例
返回字符串的長度
var txt="Hello World!" document.write(txt.length)
為字符串添加樣式(<==看效果點擊此處)
txt.big()
用大號字體顯示字符串
txt.small()
小字體
txt.bold()
粗體
txt.italics()
斜體
txt.blick()
顯示閃動字符串
txt.fixed()
以打字機文本顯示字符串
txt.strike()
字體上劃橫線
txt.fontcolor("Red")
字體變紅色
txt.fontsize(16)
使用指定的尺寸來顯示字符串
txt.toLowerCase()
字母全部小寫
txt.toUpperCase()
字母全部大寫
txt.sub()
集體向下偏移(下角標模式)
txt.sup()
集體向上偏移(上角標模式)
txt.link("http://www.w3school.com.cn")
將字符串顯示為鏈接
<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>
返回字符串中指定文本首次出現(xiàn)的位置 indexOf()
方法
<body>
<script type="text/javascript">
var str="Hello world!"
document.write(str.indexOf("Hello") + "<br />") // 0
document.write(str.indexOf("World") + "<br />") // -1(未發(fā)現(xiàn)該字符串返回-1)
document.write(str.indexOf("world")) // 6
</script>
</body>
查找字符串中特定的字符墩弯,若找到,則返回該字符 match()
方法
<body>
<script type="text/javascript">
var str="Hello world!"
document.write(str.match("world") + "<br />") // world
document.write(str.match("World") + "<br />") // null
document.write(str.match("worlld") + "<br />") // null
document.write(str.match("world!")) // world!
</script>
</body>
<body>
<script type="text/javascript">
var str="Visit Microsoft!"
document.write(str.replace(/Microsoft/,"W3School")) // Visit W3School!
</script>
</body>
String 對象描述
字符串是 JavaScript 的一種基本的數(shù)據(jù)類型髓霞。
- String 對象的 length 屬性聲明了該字符串中的字符數(shù)此衅。
- String 類定義了大量操作字符串的方法仔掸,例如從字符串中提取字符或子串,或者檢索字符或子串忆植。
- 需要注意的是,JavaScript 的字符串是不可變的(immutable)谒臼,String 類定義的方法都不能改變字符串的內(nèi)容朝刊。像 String.toUpperCase() 這樣的方法,返回的是全新的字符串蜈缤,而不是修改原始字符串拾氓。
- 在較早的 Netscape 代碼基的 JavaScript 實現(xiàn)中(例如 Firefox 實現(xiàn)中),字符串的行為就像只讀的字符數(shù)組底哥。
例如咙鞍,從字符串 s 中提取第三個字符房官,可以用 s[2] 代替更加標準的 s.charAt(2)。此外续滋,對字符串應用 for/in 循環(huán)時翰守,它將枚舉字符串中每個字符的數(shù)組下標(但要注意,ECMAScript 標準規(guī)定疲酌,不能枚舉 length 屬性)。因為字符串的數(shù)組行為不標準朗恳,所以應該避免使用它。
JavaScript Date(日期)對象 實例
使用 Date()
方法來返回今天的日期和時間
<body>
<script type="text/javascript">
document.write(Date())
</script>
</body>
<body>
<script type="text/javascript">
var d=new Date();
document.write("從 1970/01/01 至今已有:" + d.getTime() + " 毫秒肖爵。");
</script>
</body>
<body>
<script type="text/javascript">
var d = new Date()
d.setFullYear(1992,10,3)
document.write(d) // Tue Nov 03 1992 14:59:14 GMT+0800 (中國標準時間)
</script>
</body>
使用 toUTCString()
把當日的日期(根據(jù) UTC)轉(zhuǎn)換為字符串
<body>
<script type="text/javascript">
var d = new Date()
document.write (d.toUTCString())
</script>
</body>
使用 getDay()
來顯示星期,而不僅僅是數(shù)字
<body>
<script type="text/javascript">
var d=new Date()
var weekday=new Array(7)
weekday[0]="星期日"
weekday[1]="星期一"
weekday[2]="星期二"
weekday[3]="星期三"
weekday[4]="星期四"
weekday[5]="星期五"
weekday[6]="星期六"
document.write("今天是" + weekday[d.getDay()])
</script>
</body>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}
function checkTime(i)
{
if (i<10)
{i="0" + i}
return i
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
創(chuàng)建 Date 對象的語法:
var myDate=new Date()
注釋:Date 對象會自動把當前日期和時間保存為其初始值劝堪。
參閱:JavaScript Date 對象參考手冊揉稚。
JavaScript Array(數(shù)組)實例
創(chuàng)建數(shù)組var myArr = new Array()
使用for...in
聲明來遍歷數(shù)組中的元素
<body>
<script type="text/javascript">
// 創(chuàng)建數(shù)組
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
// 使用 for...in 聲明來遍歷數(shù)組中的元素
for (i=0;i<mycars.length;i++)
{
document.write(mycars[i] + "<br />")
}
</script>
</body>
<body>
<script type="text/javascript">
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"
document.write(arr.concat(arr2)) // George,John,Thomas,James,Adrew,Martin
</script>
</body>
<body>
<script type="text/javascript">
var arr = new Array(3);
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr.join()); // George,John,Thomas
document.write("<br />");
document.write(arr.join(".")); // George.John.Thomas
</script>
</body>
<body>
<script type="text/javascript">
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "<br />") // George,John,Thomas,James,Adrew,Martin
document.write(arr.sort()) // Adrew,George,James,John,Martin,Thomas
</script>
</body>
<body>
<script type="text/javascript">
function sortNumber(a, b)
{
return a - b // 升序排列 若為:b - a 降序排列
}
var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"
document.write(arr + "<br />") // 10,5,40,25,1000,1
document.write(arr.sort(sortNumber)) // 1,5,10,25,40,1000 若為b - a 降序排列:1000,40,25,10,5,1
</script>
</body>
參閱:JavaScript Array 對象的參考手冊秒啦。
JavaScript Boolean(布爾)對象 實例
檢查邏輯值
<body>
<script type="text/javascript">
var b1=new Boolean( 0)
var b2=new Boolean(1)
var b3=new Boolean("")
var b4=new Boolean(null)
var b5=new Boolean(NaN)
var b6=new Boolean("false")
document.write("0 是邏輯的 "+ b1 +"<br />") // 0 是邏輯的 false
document.write("1 是邏輯的 "+ b2 +"<br />") // 1 是邏輯的 true
document.write("空字符串是邏輯的 "+ b3 + "<br />") // 空字符串是邏輯的 false
document.write("null 是邏輯的 "+ b4+ "<br />") // null 是邏輯的 false
document.write("NaN 是邏輯的 "+ b5 +"<br />") // NaN 是邏輯的 false
document.write("字符串 'false' 是邏輯的 "+ b6 +"<br />") // 字符串 'false' 是邏輯的 true
</script>
</body>
參閱:JavaScript Boolean 對象的參考手冊搀玖。
toSource() 方法返回表示對象源代碼的字符串。
語法object.toSource()
提示和注釋
注釋:該方法在 Internet Explorer 中無效芳来。
下面的例子向您展示 toSource() 方法的用法:
<script type="text/javascript">
function employee(name,job,born)
{
this.name=name;
this.job=job;
this.born=born;
}
var bill=new employee("Bill Gates","Engineer",1985);
document.write(bill.toSource());
</script>
輸出:({name:"Bill Gates", job:"Engineer", born:1985})
toString() 方法可把一個邏輯值轉(zhuǎn)換為字符串猜拾,并返回結(jié)果。
語法booleanObject.toString()
提示和注釋
如果調(diào)用該方法的對象不是 Boolean挎袜,則拋出異常 TypeError盯仪。
注釋:在 Boolean 對象被用于字符串環(huán)境中時,此方法會被自動調(diào)用全景。
<script type="text/javascript">
var boo = new Boolean(true)
document.write(boo.toString())
</script>
輸出:true
valueOf() 方法可返回 Boolean 對象的原始值蚪燕。
語法booleanObject.valueOf()
拋出
如果調(diào)用該方法的對象不是 Boolean奔浅,則拋出異常 TypeError诗良。
<script type="text/javascript">
var boo = new Boolean(false)
document.write(boo.valueOf())
</script>
輸出:false
JavaScript Math(算數(shù)對象)實例
使用 round()
對數(shù)字進行舍入
<body>
<script type="text/javascript">
document.write(Math.round(0.60) + "<br />") // 1
document.write(Math.round(0.50) + "<br />") // 1
document.write(Math.round(0.49) + "<br />") // 0
document.write(Math.round(-4.40) + "<br />") // -4
document.write(Math.round(-4.60)) // -5
</script>
</body>
使用 random()
來返回 0 到 1 之間的隨機數(shù)
<body>
<script type="text/javascript">
document.write(Math.random())
</script>
</body>
使用 max() 來返回兩個給定的數(shù)中的較大的數(shù)
<body>
<script type="text/javascript">
document.write(Math.max(5,7) + "<br />") // 7
document.write(Math.max(-3,5) + "<br />") // 5
document.write(Math.max(-3,-5) + "<br />") // -3
document.write(Math.max(7.25,7.30)) // 7.3
</script>
</body>
使用 min() 來返回兩個給定的數(shù)中的較小的數(shù)
<body>
<script type="text/javascript">
document.write(Math.min(5,7) + "<br />") // 5
document.write(Math.min(-3,5) + "<br />") // -3
document.write(Math.min(-3,-5) + "<br />") // -5
document.write(Math.min(7.25,7.30)) // 7.25
</script>
</body>
參閱:JavaScript Math 對象的參考手冊鉴裹。