JavaScript 对象 实例

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>

返回字符串中指定文本首次出现的位置 indexOf()方法

<body>

<script type="text/javascript">

var str="Hello world!"
document.write(str.indexOf("Hello") + "<br />") // 0
document.write(str.indexOf("World") + "<br />")  // -1(未发现该字符串返回-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>

替换字符串中的字符 replace()

<body>

<script type="text/javascript">

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

</script>
</body>

参阅:JavaScript String 对象参考手册

JavaScript String 对象参考图片.png

String 对象描述
字符串是 JavaScript 的一种基本的数据类型。

  1. String 对象的 length 属性声明了该字符串中的字符数。
  2. String 类定义了大量操作字符串的方法,例如从字符串中提取字符或子串,或者检索字符或子串。
  3. 需要注意的是,JavaScript 的字符串是不可变的(immutable),String 类定义的方法都不能改变字符串的内容。像 String.toUpperCase() 这样的方法,返回的是全新的字符串,而不是修改原始字符串。
  4. 在较早的 Netscape 代码基的 JavaScript 实现中(例如 Firefox 实现中),字符串的行为就像只读的字符数组。
    例如,从字符串 s 中提取第三个字符,可以用 s[2] 代替更加标准的 s.charAt(2)。此外,对字符串应用 for/in 循环时,它将枚举字符串中每个字符的数组下标(但要注意,ECMAScript 标准规定,不能枚举 length 属性)。因为字符串的数组行为不标准,所以应该避免使用它。

JavaScript Date(日期)对象 实例
使用 Date()方法来返回今天的日期和时间

<body>

<script type="text/javascript">

document.write(Date())    

</script>

</body> 

使用getTime() 计算从1970年到今天有多少年

<body>

<script type="text/javascript">
var d=new Date();
document.write("从 1970/01/01 至今已有:" + d.getTime() + " 毫秒。");
</script>

</body>

使用setFullYear() 设置具体的日期

<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() 把当日的日期(根据 UTC)转换为字符串

<body>

<script type="text/javascript">

var d = new Date()
document.write (d.toUTCString())

</script>

</body>

使用 getDay() 来显示星期,而不仅仅是数字

<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>

创建 Date 对象的语法:
var myDate=new Date()
注释:Date 对象会自动把当前日期和时间保存为其初始值。

参阅:JavaScript Date 对象参考手册

JavaScript Date 对象参考图

JavaScript Array(数组)实例
创建数组var myArr = new Array()
使用for...in声明来遍历数组中的元素

<body>

<script type="text/javascript">
// 创建数组
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
// 使用 for...in 声明来遍历数组中的元素
for (i=0;i<mycars.length;i++)
{
document.write(mycars[i] + "<br />")
}
</script>

</body>

合并两个数组 concat()

<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>

用数组的元素组成字符串 join()

<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>

文字数组 sort()

<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>

数字数组 sort()

<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 Array 对象的参考图.png

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() 方法可把一个逻辑值转换为字符串,并返回结果。
语法booleanObject.toString()

提示和注释
如果调用该方法的对象不是 Boolean,则抛出异常 TypeError。
注释:在 Boolean 对象被用于字符串环境中时,此方法会被自动调用。

<script type="text/javascript">

 var boo = new Boolean(true)
document.write(boo.toString())

</script>

输出:true
valueOf() 方法可返回 Boolean 对象的原始值。
语法booleanObject.valueOf()

抛出
如果调用该方法的对象不是 Boolean,则抛出异常 TypeError。

<script type="text/javascript">

var boo = new Boolean(false)
document.write(boo.valueOf())

</script>

输出:false

JavaScript Math(算数对象)实例
使用 round()对数字进行舍入

<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 之间的随机数

<body>

<script type="text/javascript">

document.write(Math.random())

</script>

</body>

使用 max() 来返回两个给定的数中的较大的数

<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() 来返回两个给定的数中的较小的数

<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 对象的参考手册

JavaScript Math 对象的参考图.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,547评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,399评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,428评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,599评论 1 274
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,612评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,577评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,941评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,603评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,852评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,375评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,955评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2 342

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,204评论 0 4
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,560评论 18 399
  • 孩子,你知道吗?我妈妈好面儿,每次带我出去总能让我“坐有坐相,站有站相,吃有吃相。”见了陌生人要叫叔叔阿姨哥哥姐姐...
    怪阿姨C阅读 765评论 2 4
  • 今天在康康呆了一天,原因香江停水,康康又没有美容师,本来约了两个,又加约了三个,外加几个做单项的,着实忙的卫生间都...
    冰咋吃阅读 111评论 0 3
  • 周五没更新,是总觉得累,一觉没睡醒就到8点了。去上班,觉得自己走路都是飘的,进实验室就头晕,那还是我第一次进实验室...
    静静diary阅读 158评论 0 0