<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript的常用对象</title>
<!-- ************************************************************************************************ -->
<!-- Date对象的属性和方法--------Date()包含日期和时间的相关信息-------------------- -->
<!-- 演示：利用Date()对象完善一个走动的时钟效果 -->
<!-- 第四步 显示当前时间每隔1s刷新---添加meta标签让页面滚动起来每隔1s刷新一次(不推荐，不美观)----->
<!-- <meta http-equiv="refresh" content="1"/> -->
<!-- 第五步 走动时钟的完全实现----->
<!-- <script type="text/javascript">
document.write("显示当前时间");
function clock(){
time=new Date();
var hour=time.getHours();
var minute=time.getMinutes();
var second=time.getSeconds();
var welcomeStr="";
if(hour>0&&hour<12){
welcomeStr="早上好";
}
else{
welcomeStr="下午好"
}
hour=hour>10?hour:("0"+hour);
minute=minute>10?minute:("0"+minute);
second=second>10?second:("0"+second);
document.form1.myClock.value="现在是"+hour+"时"+minute+"分"+second+"秒";
//要在body里添加onload属性把调用的函数放到这个事件中
setTimeout("clock()",1000);//1000毫秒后调用clock()函数
//在<body>中添加onload="clock()"
}
</script> -->
<!-- ************************************************************************************************ -->
<!-- 字符串对象的常用属性和方法------------------------------------------------------------ -->
<!-- 创建字符串对象的方法 -->
<!-- <script type="text/javascript">
//1.var str="我的名字是侯子岩";
//2.var str=new String("我真的很帅");
document.write("字符串的长度");
var str0="Hellow world";
var str1="Hellow world ";
var str2=" Hellow world";
var str3="你好,世界";
document.write("4个字符串的长度分别为"+str0.length+","+str1.length+","+str2.length+","+str3.length);
</script> -->
<!-- 字符串对象的常用属性和方法------------------------------------------------------------ -->
<!-- indexOf（）方法 ------表示String字符串对象内第一次出现子字符串的位置（索引值）-->
<!-- <script type="text/javascript">
document.myform.name.value;
function check(){//定义一个方法
var uname=document.myform["name"].value;//获取用户名的值
if(uname.length==0){//判断用户名长度是否为0
alert("请输入用户名");//如果是弹出提示窗函数不再执行
return false;
}
var upwd=document.myform['password'].value;
if(upwd.length<6){
alert("密码不能小于6位");
return false;
}
var uemail=document.myform['email'].value;
if(uemail.indexof("@")==-1){//判断邮箱的值是否含有@符号
alert("邮箱地址必须包含@")
return false;
}
if(uemail.indexof("@")>uemail.indexof(".")){
alert("@符号必须在.号前面");
return false;
}
return true;
}
</script> -->
</head>
<body > <!--onload="clock()"-->
<!-- ************************************************************************************************ -->
<!-- 字符串对象的常用属性和方法------------------------------------------------------------ -->
<!-- indexOf（）方法 ------表示String字符串对象内第一次出现子字符串的位置（索引值）-->
<!-- <form name="myform" method="post" action="" onsubmit="return check()">
<table width="306" border="0" align="center">
<tr>
<td width="101">用户名：</td>
<td><input type="text" name="name"/></td>
</tr>
<tr>
<td width="101">密码：</td>
<td><input type="password" name="password"/></td>
</tr>
<tr>
<td width="101">邮箱：</td>
<td><input type="text" name="email"/></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" value="提交"/>
</td>
</tr>
</table>
</form> -->
<!-- 字符串对象的常用属性和方法------------------------------------------------------------ -->
<!--charAt()方法-------从字符串对象中返回单个字符，使用时设置起始位置参数，返回位于该位置的字符值 -->
<!-- <script type="text/javascript">
var str="hellow word!";
var str1="同一个世界，同一个梦想";
console.log(str.charAt());//输出第0个字符，返回值h，系统默认为0
console.log(str.charAt(2));//返回l
console.log(str1.charAt());//返回“同”
console.log(str1.charAt(5));//返回“，”
</script> -->
<!-- 字符串对象的常用属性和方法------------------------------------------------------------ -->
<!--字符串截取的常用方法----slice（），substr（），substring（） -->
<!-- 演示1 简单的函数调用-->
<!-- <script type="text/javascript">
var str="hello world";
alert(str.substr(0,5));//从第一个字符开始，取长度为5的字符串
alert(str.substring(2,5));//从第三个字符开始，取到第5个字符串
alert(str.slice(2,-2));//结果为llo wor
</script> -->
<!-- 演示2 对用户名的验证(用正则表达式表示更加简单)-->
<!-- <script type="text/javascript">
function checkName(){
var str=document.myform.name.value;
var len=str.length;
for(var i=0;i<len;i++){
var ch=str.substr(i,1);
if(ch>='1'&&ch<='9'||ch>='a'&&ch<='z'||ch>='A'&&ch<='Z'||ch='-'){
continue;
}
else{
alert("用户名含有非法字符");
return false;
}
}
return true;
}
</script> -->
<!-- ************************************************************************************************ -->
<!-- Math对象的常用属性和方法-----math()是一个内部的对象提供基础的数学函数和常熟-------------------- -->
<!-- 演示1 调用math.PI()计算圆的面积-->
<!-- <script type="text/javascript">
var r=prompt("请输入圆的半径","");
var s=r*r*Math.PI;
alert("圆的面积为"+s);
</script> -->
<!-- 演示2 调用math.random()产生随机数-->
<!-- <script type="text/javascript">
document.write("模拟筛子的投递<br>");
var one=two=three=four=five=six=0;
var shu=0;
for(var i=0;i<100000;i++){
//floor返回小于等于其他数值参数的最大整数
shu=Math.floor(Math.random()*6)+1;
switch(shu){
case 1:
one++;
break;
case 2:
two++;
break;
case 3:
three++;
break;
case 4:
four++;
break;
case 5:
five++;
break;
case 6:
six++;
break;
}
}
document.write("点数1："+one+"次，占"+one/100000+"<br>");
document.write("点数2："+two+"次，占"+one/100000+"<br>");
document.write("点数3："+three+"次，占"+one/100000+"<br>");
document.write("点数4："+four+"次，占"+one/100000+"<br>");
document.write("点数5："+five+"次，占"+one/100000+"<br>");
document.write("点数6："+six+"次，占"+one/100000+"<br>");
</script> -->
<!-- ************************************************************************************************ -->
<!-- Date对象的属性和方法--------Date()包含日期和时间的相关信息-------------------- -->
<!-- 演示：利用Date()对象完善一个走动的时钟效果 -->
<!-- 第一步 简单的Date()对象的调用-->
<!-- <script type="text/javascript">
var time=new Date();
document.write("现在的时间是："+time+"<br>");
document.write("现在的时间是："+time.toLocaleString()+"<br>");//根据操作系统的区域显示时间
</script> -->
<!-- 第二步 调用年月日星期-->
<!-- <script type="text/javascript">
v
javascript设计交互页面的应用
需积分: 8 95 浏览量
2022-10-22
17:23:57
上传
评论
收藏 25KB ZIP 举报
JavaScript.zip （10个子文件） 
JavaScript 
Text9-javascript特效制作.txt 4KB Text4-javascript的常用对象.txt 14KB Text10-javascript高级特效.txt 7KB Text5-javascript的内置对象.txt 10KB Text1-javascript基本认识.txt 2KB Text7-javascript事件及应用.txt 12KB Text8-javascript闭包.txt 4KB Text2-javascript语句和函数.txt 9KB Text3-javascript面向对象程序开发.txt 5KB Text6-javascript文档对象模型.txt 10KB
评论0