HTML学习——javascript之二

本文深入讲解JavaScript中的关键概念,如浏览器信息获取、Cookie操作、表单验证、动画效果实现及计时器应用,同时演示了如何自定义对象,提供丰富的代码示例。

Navigator:   appName 浏览器到名称, appVersion  浏览器版本 ,cookieEnabled是否启用了 cookie  , 

                  appCodeName 代码 , platform 平台,userAgent 用户代理报头

Cookie:    存储在访问者计算机上的变量息,当通过同一台计算机请求页面时就会发送cookie,可以使用javascript进行获取和设置cookie 。

              创建cookie:    document.cookie = ".... ...."

 function setCookie(c_name,value,expiredays)
{
   var exdate=new Date()
   exdate.setDate(exdate.getDate()+expiredays)
   document.cookie=c_name+ "=" +escape(value)+
   ((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
}

获取cookie : document.cookie.indexOf(".... .....");    document.cookie.substring(start,end);

function getCookie(c_name)
{
if (document.cookie.length>0)
  {
  c_start=document.cookie.indexOf(c_name + "=")
  if (c_start!=-1)
    {
    c_start=c_start + c_name.length+1              //得到name的第一个字母的索引值
    c_end=document.cookie.indexOf(";",c_start)  //得到;的索引值
    if (c_end==-1) c_end=document.cookie.length
    return unescape(document.cookie.substring(c_start,c_end))
    }
  }
return ""
}

  验证:

被 JavaScript 验证的这些典型的表单数据有:

  • 用户是否已填写表单中的必填项目?
  • 用户输入的邮件地址是否合法?
  • 用户是否已输入合法的日期?
  • 用户是否在数据域 (numeric field) 中输入了文本?

 

动画效果: 利用js 的不同事件处理方式实现。

 计时:

    setTimeout(para1,para2)其中第一个参数是含有 JavaScript 语句的字符串。这个语句可能诸如 "alert('5 seconds!')",或者对函数的调用,诸如 alertMsg()"。 第二个参数是 时间,指示从当前起多少毫秒后执行第一个参数。   另外该方法返回一个值,可以用变量进行标识以在别的地方进行调用。

    clearTimeout( setTimout的返回值) ,可以终止计时。 

 创建自己的对象:

      作为一门oop语言,javascript 也可以创建自己的对象,并进行实例化。例如:

     personObj=new Object()      实例化一个对象

     为该对象添加属性:
     personObj.firstname="John"
     personObj.lastname="Adams"
     personObj.age=35
     personObj.eyecolor="black"

     或者创建类似于构造函数的模板:

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname
this.lastname=lastname
this.age=age
this.eyecolor=eyecolor

也可以添加方法:

this.newlastname=newlastname   //改函数定义在下面

}

//实例化一个对象

        myFather=new person("John","Adams",35,"black")

 

function newlastname(new_lastname)
{
this.lastname=new_lastname
}

 

 

 

 

转载于:https://www.cnblogs.com/wanghuijunshiwo/archive/2009/06/24/1510331.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值