JavaScript教程--从入门到精通(4)(2)
2008-02-23 07:40:41来源：互联网 阅读 ()
１)、串对象
o string对象：内部静态性。
o 访问properties和methods时，可使用（.）运算符实现。
o 基本使用格式：objectName.prop/methods
（１）串对象的属性
该对象只有一个属性，即length。它表明了字符串中的字符个数，包括所有符号。
例：
mytest="This is a JavaScript"
mystringlength=mytest.length
最后mystringlength返回mytest字串的长度为20。
（２）串对象的方法
string对象的方法共有１９个。主要用于有关字符串在Web页面中的显示、字体大小、字体颜色、字符的搜索以及字符的大小写转换。
其主要方法如下：
o 锚点anchor()：该方法创建如用Html文档中一样的anchor标记。使用anchor如用Html中(A Name="")一样。通过下列格式访问:string.anchor(anchorName)。
o 有关字符显示的控制方法
big字体显示, Italics()斜体字显示，bold()粗体字显示，blink()字符闪烁显示，small（）字符用小体字显示，fixed()固定高亮字显示、fontsize(size)控制字体大小等。
o 字体颜色方法；fontcolor(color)
o 字符串大小写转换
toLowerCase()－小写转换，toUpperCase()大写转换。下列把一个给定的串分别转换成大写和小写格式:
string=stringValue.toUpperCase和string=stringValue.toLowerCase。
o 字符搜索：indexOf[charactor,fromIndex]
从指定formIndtx位置开始搜索charactor第一次出现的位置。
返回字串的一部分字串：substring(start,end)
从start开始到end的字符全部返回。
２)、算术函数的math对象
功能：提供除加、减、乘、除以外的一引些自述运算。如对数，平方根等 。
静动性：静态对象
（１）主要属性
math中提供了６个属性，它们是数学中经常用到的常数Ｅ、以１０为底的自然对数ＬＮ１０、以２为底的自然对数LN2、3.14159的PI、1/2的平方根SQRT1-2,2的平方根为SQRT2。
（２）主要方法
绝对值：abs()
正弦余弦值：sin(),cos()
反正弦反余弦 :asin(), acos()
正切反正切：tan(),atan()
四舍五入：round()
平方根：sqrt()
基于几方次的值：Pow(base,exponent)
...
３)、日期及时间对象
功能：提供一个有关日期和时间的对象。
静动性：动态性，即必须使用New运算符创建一个实例。例:
MyDate=New Date()
Date对象没有提供直接访问的属性。只具有获取和设置日期和时间的方法。
日期起始值:１７７０年１月１日００:００:００。
1. 获取日期的时间方法
getYear(): 返回年数
getMonth():返回当月号数
getDate(): 返回当日号数
getDay():返回星期几
getHours():返回小时数
getMintes(:返回分钟数
getSeconds():返回秒数
getTime() : 返回毫秒数
（２）设置日期和时间：
setYear();设置年
setDate():设置当月号数
setMonth():设置当月份数
setHours():设置小时数
setMintes():设置分钟数
setSeconds():设置秒数
setTime ():设置毫秒数
...
2、JavaScript中的系统函数
JavaScript中的系统函数又称内部方法。它提供了与任何对象无关的系统函数，使用这些函数不需创建任何实例,可直接用。
1．返回字符串表达式中的值：
方法名：eval（字串表达式），例：
test=eval("8 9 5/2");
2. 返回字符串ASCI码：
方法名：unEscape (string)
3．返回字符的编码：
方法名：escape(character)
4．返回实数：
parseFloat(floustring);
5．返回不同进制的数：
parseInt(numbestring ,rad.X)
其中radix是数的进制，numbs字符串数
三、范例
下面是一个时钟显示的JavaScript文档。在文档中用了非常多的函数。
Test4_1.htm
<html>
<head>
<style TYPE="text/css">
<style>
</style>
<title>时钟</title>
<script LANGUAGE="JavaScript">
function showClock() {
}
function hideClock() {
}
var timerID = null
var timerRunning = false
function stopClock() {
if(timerRunning)
clearTimeout(timerID);
timerRunning = false
document.clock.face.value = "";
}
function showTime() {
var now = new Date();
var year = now.getYear();
var month = now.getMonth() 1;
var date = now.getDate();
var hours = now.getHours();
var mins = now.getMinutes();
var secs = now.getSeconds();
var timeVal = "";
timeVal = ((hours <= 12) ? hours : hours - 12);
timeVal = ((mins < 10) ? ":0" : ":") mins;
timeVal = ((secs <= 10) ? ":0" : ":") secs;
timeVal = ((hours < 12) ? "AM" : "PM");
timeVal = ((month < 10) ? " on 0" : " on ") month "-";
timeVal = date "-" year;
document.clock.face.value = timeVal;
timerID = setTimeout("showTime()", 1000);
timerRunning = true
}
function startClock() {
stopClock();
showTime();
}
function windowOpener( indexnum ){
var loadpos="date.html" "#" indexnum;
controlWindow=window.open(loadpos,"date","toolbar=no,location=no,
directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,
width=620,height=400");
}
</script>
</head>
<body onLoad="startClock()" >
<p align="center"><big><span style="background-color: rgb(45,45,45)">
<font face="Arial">form</font> <font face="宋体">时钟</font>
</span></big></p>
<p align="center"> </p>
<div align="center"><center>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><form NAME="clock" onSubmit="0">
<div align="center"><center><p><input TYPE="text" NAME="face" size="20"
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
