实验一JavaScript事件

一、实验目的

  1、掌握事件、事件驱动、事件处理程序的概念，理解三者之间的关系；

  2、掌握指定事件处理程序的方法；

  3、学会编写简单的事件处理程序。

二、实验环境

笔记本电脑、Windows系统

• 程序分析说明及结果

说明题（1）(2)

四、程序设计说明、源码及运行结果

      

              function surf(){

        document.getElementById(“1”).value=document.getElementById(“URL”).value;}

              function jump(){

        location=document.getElementById(“1”).value;}

选择要去的网址

              请选择

              百度

              网易

              qq

              新浪

       确认跳转

四、实验总结

使用var时，不可以任意添加，location前不能添加var；以及赋值语句document.getElementById(“1”).value的用法，可以覆盖其原有的值；还有onchange的作用和意义，在改变后，会执行后面的函数。

                             实验二 JavaScript内置函数与内置对象

一、实验目的

1．分析JavaScript内置函数的使用方法；

2．掌握JavaScript常用内置对象的属性和方法。

二、实验环境

计算机、Windows操作系统

三、程序分析说明及结果

1.

 

   div{

    background:#CDEBE6;

        color:#330000;

        width:750px;

    font-size:20px;

        font-weight:bolder;

       }

    h4{text-align:center;}

     b{color：red;font-size:18px;}

系统函数使用

   1.eval(“字符串”)

     var rel=eval(“1000+3/5”);

     document.write(“”+”1000+3/5=”+rel);

     document.write(“
“);

     document.write(“”+”x=10,y=20,x*y=”);

     eval(“x=10;y=20;document.write(x*y)”);

     document.write(“
2+2=”+eval(“2+2”));

     document.write(“
“);

     var x=10;

     document.write(“”+”x=10,x+17=”+eval(x+17));

     document.write(“
“);

   2.escape(“字符串”)

     document.write(“”+”escape(‘&’)=”+escape(“&”));

     document.write(“
“);

     result=escape(“”+”my name is 张华”);

     document.write(“”+”escape(‘my name is 张华’)=”+result);

   3.unescape(string)

     document.write(“”+”unescape(‘%26’)=”+unescape(“%26”));

     document.write(“
“);

     result=unescape(“”+”my%20name%20is%20%u5F20%u534E”);

     document.write(“”+”unescape(‘my%20name%20is%20%u5F20%u534E’)=”+result);

   4.parseFloat(string)

     document.write(“”+”parseFloat(‘3.14’)=”+parseFloat(“3.14”));

     document.write(“
“);

     document.write(“”+”parseFloat(‘314e-2’)=”+parseFloat(“314e-2”));

     document.write(“
“);

     document.write(“”+”parseFloat(‘3.14ab’)=”+parseFloat(“3.14ab”));

     document.write(“
“);

     document.write(“”+”parseFloat(‘FF2’)=”+parseFloat(“FF2”));

     document.write(“
“);

    5.parseInt(“numberstring,radix)

     document.write(“”+”32:”+parseInt(“32”));

     document.write(“
“);

     document.write(“”+”032:”+parseInt(“032”));

     document.write(“
“);

     document.write(“”+”0x32:”+parseInt(“0x32”));

     document.write(“
“);

     document.write(“”+”parseInt(’15*3′,10)=”+parseInt(“15*3”,10));

     document.write(“
“);

    6.isNaN()

     document.write(“”+”isNaN(\”5454g\”)=”+isNaN(“5454g”));

     document.write(“
“);

     document.write(“”+”isNaN(\”789\”)=”+isNaN(“789”));

     document.write(“
“);

对于第一段代码可知：

1. eval()函数，参数是字符串类型，主要功能是将字符串作为脚本代码来执行
2. escape()是对字符串进行编码。
3. unescape()是对建一个函数的编码进行解码。
4. parseFloat（)解析一个字符串，并返回一个浮点数，反之返回NaN，在函数转化过程中，遇到第一个非数字即终止转化。
5. parseInt()解析一个字符串，并返回一个整数，反之返回NaN，在函数转化过程中，遇到第一个非数字即终止转化。
6. isNaN()主要功能是检查其参数是否为非数字值，如果参数是返回False，否则返回True

2.

    var mydate=new Date();

    var myyear=mydate.getFullYear();

    document.write(“年份:”+myyear);

    document.write(“
“);

    var myMonth=mydate.getMonth();

    document.write(“月份:”+myMonth);

    document.write(“
“);

    var mydays=mydate.getDate();

    document.write(“日期:”+mydays);

    document.write(“
“);

    var weekday=[“日”,”一”,”二”,”三”,”四”,”五”,”六”];

    document.write(“星期：” + weekday[mydate.getDay()] );

    document.write(“
“);

    pageOpen=new Date();

    function stay(){

    pageClose=new Date();

    minutes=(pageClose.getMinutes()-pageOpen.getMinutes());

    seconds=(pageClose.getSeconds()-pageOpen.getSeconds());

    time=(seconds+(minutes*60));

    time=(time+”秒”);

    alert(“您在这里停留了”+time+”欢迎下次再来”);

    }

  对于第二段的代码：

getFullYear()以四位数字返回年份

getMonth()从data对象中返回月份

getData()从data对象中返回一个月的某一天

之后getMinutes() getSeconds()获取分秒与最后分秒进行差值几位最后的停留时间。

四、程序设计说明、源码及运行结果

1.程序设计说明：

利用data对象的各种方法进行对计时器的实现。

2.源码：

   

        var timeResult=0

        var timer

        function timedCount() {

            document.txtForm.txt.value=timeResult;

            timeResult=timeResult+1

            timer=setTimeout(“timedCount()”,1000)

        }

        function stopCount() {

            clearTimeout(timer)

        }

        function clearCount() {

            document.txtForm.txt.value=0

        }

1. 运行结果：

• 实验总结

1. 对javascript的内置函数的了解：

第一类：常规函数

包括以下9个函数：

(1)alert函数显示一个警告对话框，包括一个OK按钮。

(2)confirm函数：显示一个确认对话框，包括OK、Cancel按钮。

(3)escape函数：将字符转换成Unicode码。

(4)eval函数：计算表达指租式的结果。

(5)isNaN函数：测试是(true)否(false)不是一个数字。

(6)parseFloat函数：将字符串转换成符点数字形式。

(7)parseInt函数：将符串转换成整数数字形式(可指定几进制)。

(8)prompt函数：显示一个输入对话框，提示等待用户输入。

第二类：数组函数

包括以下4个函数：

(1)join函数：转换并连接数组中的所有元素为一个字符串。

(2)langth函数：返回数组的长度。

(3)reverse函数：将数组元素顺序颠倒。

(4)sort函数：将数组元素重新排序。

第三类：日期函数

包括以下20个函数：

(1)getDate函数：返回日期的“日”部分，值为1～31

(2)getDay函数：返回星期几，值为0～6，其中0表示星期日，1表示星期一，…，6表示星期六

(3)getHours函数：返回日期的“小时”部分，值为0～23。

(4)getMinutes函数：返回日期的“分钟”部分，值为0～59。见上例。

(5)getMonth函数：返回日期的“月”部分，值为0～11。其中0表示1月，2表示3月，…，11表示12月。见前面的例子。

(6)getSeconds函数：返回日期的“秒”部分，值为0～59。见前面的例子。

(7)getTime函数：返回系统时间。

(8)getTimezoneOffset函数：返回此地区的时差(当地时间与GMT格林威治标准时间的地区时差)，单位为分钟。

(9)getYear函数：返回日期的“年”部分。返回值以1900年为基数，例如1999年为99。

(10)parse函数：返回从1970年1月1日零时整算起的毫秒数(当地时间)。

(11)setDate函数：设定日期的“日”部分，值为0～31。

(12)setHours函数：设定日期的“小时”部分，值为0～23。

(13)setMinutes函数：设定日期的“分钟”部分，值为0～59。

(14)setMonth函数：设定日期的“月”部分，值为0～11。其中0表示1月，…，11表示12月。

(15)setSeconds函数：设定日期的“秒”部分，值为0～59。

(16)setTime函数：设定时间。时间数值为1970年1月1日零时整算起的毫秒数。

(17)setYear函数：设定日期的“年”部分。

(18)toGMTString函数：转换日期成为字符串，为GMT格林或皮威治标准时间。

(19)setLocaleString函数：转换日期成为字符串，为当地时间。

(20)UTC函数：返回从1970年1月1日零时整算起的毫秒数，以GMT格林威治标准时间计算。

第四类：数学函数

函数有以下18个：

(1)abs函数：即Math.abs(以下同)，返回一个数字的绝对值。

(2)acos函数：返回一个数字的反余弦值，结果为0～π弧度(radians)。

(3)asin函数：返回一个数字的反正弦值，结果为-π/2～π/2弧度。

(4)atan函数：返回一个数字的反正切值，结果为-π/2～π/2弧度。

(5)atan2函数：返回一个坐标的极坐标角度值。

(6)ceil函数：返回一个数字的最小整数值(大于或等于)。

(7)cos函数：返回一个数字的余弦值，结果为-1～1。

(8)exp函数：返回e(自然对数)的乘方值。

(9)floor函数：返回一个数字的最大整数值(小于或等于)。

(10)log函数：自然对数函数，返回一个数字的自然对数(e)值。

(11)max函数：返回两个数的最大值。

(12)min函数：返回两个数的最小值。

(13)pow函数：返回一个数字的乘方值。

(14)random函数：返回一个0～1的随机数值。

(15)round函数：返回一个数字的四舍五入值，类型是整数。

(16)sin函数：返回一个数字的正弦值，结果为-1～1。

(17)sqrt函数：返回一个数字的平方根值。

(18)tan函数：返回一个数字的正切值。

第五类：字符串函数

包括以下20个函数：

(1)anchor函数：产生一个链接点(anchor)以作超级链接用。anchor函数设定的链接点的名称，另一个函数link设定的URL地址。

(2)big函数：将字体加到一号，与…标签结果相同。

(3)blink函数：使字符串闪烁，与…标签结果相同。

(4)bold函数：使字体加粗，与…标签结果相同。

(5)charAt函数：返回字符串中指定的某个字符。

(6)fixed函数：将字体设定为固定宽度字体，与…标签结果相同。

(7)fontcolor函数：设定字体颜色，与标签结果相同。