您的位置：首页 > Web前端 > JavaScript

两个javascript对象与实例详解

2012-02-21 20:36 597 查看

string对象属性（手册上都有，我就不复制粘贴了）

.......

实例：非法字符检测实现思路

1、定义合法字符串

2、获取用户输入的内容

3、循环的取出用户输入的每一个字符，并去源中查找

1）查到，返回该字符在源中的位置

2）没查到，return -1，

代码如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>检测是否含有非法字符</title>

<script language="javascript" type="text/javascript">

/*

1、定义合法字符串

2、获取用户输入的字符串

*/

//根据用户输入的内容是否非法

function check(){

//获取用户输入的内容

var username=document.getElementById("username").value;

//根据用户输入的内容检测

if(jiance(username)){

alert("输入错误");

} else{

alert("您输入正常");

}

}

function jiance(inputstr){

var flag=false;

//定义一个源字符串

var str="qwertyuiopasdfghjklzxcvbnm1234567890-_";

//存储每次取出的字符

var c1;

for(var i=0;i<inputstr.length;i++){

//循环取出用户输入的单个字符

c1=inputstr.toLowerCase().charAt(i);

//如果小于0 表示没有在源中找到，则非法

if(str.indexOf(c1)<0){

flag=true;

}

}

return flag;

}

</script>

</head>

<body>

用户名:<input type="text" id="username" />

<input type="button" value="检测" onclick="check()" />

</body>

</html>

--------------------------------------------------------------------------------

Math对象

getxxx（获取时间）

setxxx（设定时间）

toxxx（从Date对象返回字符串的值）

注意：getDay返回一周中的某一天，getDate返回一个月中的某一天

实例：js简易时钟思路

1、产生一个Date对象

2、获取年、月、日、时、分、秒

3、重复步骤2，每秒获取一次

4、输出显示

代码如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>网页时钟</title>

<script language="javascript" type="text/javascript">

//产生一个日期时间对象

var date = new Date();

//显示到指定的位置

document.getElementById("timediv").innerHTML=date.toLocaleString();

//延迟一秒执行一次

setTimeout("webTime()",1000);

</script>

</head>

<body>

<div style="width:300px; height:50px; background-color:#999999; border:dashed 1px #FF0000"></div>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航