JavaScript(一、基础知识)

 

        找点JavaScript的东西看看,呵呵,其实这个家伙,玉飞龙在8年前上大学一年级的时候就用到了,可惜,一直学得不精通,一知半解,还有好多重要的技巧不会用,惭愧,从现在开始,JavaScript也将成为玉飞龙研究学习的一个东东,争取把它吃透。

JavaScript语言概况
 
一、什么是JavaScript
 
  JavaScript是一种基于对象(Object Based)和事件驱动(Event Driver)并具有安全性能的脚本语言。
 
       两个重要特征:基于对象(Object Based)和事件驱动(Event Driver)
 
  基于对象和面向对象
  Java是一种真正的面向对象的语言,即使是开发简单的程序,也必须设计对象。
  JavaScript是一种基于对象的脚本语言语言,这意味着它能运用自己已经创建的对象。它可以用来制作与网络无关的,与用户交互作用的复杂软件;因而它本身提供了非常丰富的内部对象供设计人员使用。因此,许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。
 
    事件驱动(Event Driver)
    所谓事件驱动,就是指在主页(Home Page)中执行了某种操作所产生的动作,就称为 事件 (Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后,可能会引起相应的事件响应。
 
二、JavaScript的其它特点
 
  简单性
  JavaScript的简单性主要体现在:首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计, 从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型,并未使用严格的数据类型。
 
  安全性
  JavaScript是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。
 
  动态性
  JavaScript是动态的,它可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的反映响应,是采用以事件驱动的方式进行的。
 
  跨平台性
  JavaScript是依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持JavaScript的浏览器就可正确执行。从而实现了 编写一次,走遍天下 的梦想。
JavaScript的书写规范
 
一、JavaScript的书写规范
 
  JavaScript的脚本包括在HTML中,它成为HTML文档的一部分。
 
       <HTML>
       <Head>
              <Script Language ="JavaScript">
                     document.write("这是赛迪网互动学校");
                     document.close();
              </Script>
       </Head>
       </HTML>  
 
    两种书写规范:
 
    第一种:将JavaScript标识放置在<Head>...</Head>头部之间,使该部分JavaScript代码在主页其余部分代码装载之前先行被装载,从而可使代码的功能更强大;
 
    第二种:将JavaScript标识放置在<Body>...</Body>主体之间以实现某些部分动态的创建文档。
JavaScript基本语法
 
一、JavaScript的基本数据类型
 
  在JavaScript中有4种基本数据类型和1种控制字符:
 
    1>数值(整数和实数)
    2>字符串型(用 “” 号或 ‘’ 括起来的字符或数值)
      注意:不能使用中文输入法状态下的单双引号
    3>布尔型(使用True或False表示);
      注意:与C++不同,表示正反两种状态C++可以用0、1表示,而在JavaScript中,只能使用True或False表示
    4>空值(NULL)
      试图引用没有定义的变量,则返回一个Null值
    5>特殊控制字符(/)
      同C语言一样,JavaScript中同样有些以反斜杠(/)开头的不可显示的特殊字符。通常称为控制字符。
 
二、JavaScript的变量
 
    定义变量使用var关键字:
    var mytest;
       该例子定义了一个mytest变量,但没有赋予它值。
    var mytest="This is a book"
       该例子定义了一个mytest变量, 同时赋予了它值。
 
    在JavaScript中,变量以可以不作声明,而在使用时再根据数据的类型来确其变量的类型。但不建议这样做。
 
三、JavaScript的表达式和运算符
 
    JavaScript的表达式和运算符与C++相同
 
四、程序控制流
 
    JavaScript的程序控制流与C++相同
 
五、函数
 
    JavaScript中函数的作用有两个:
 
    1>将代码分段,以便完成独立的功能
    2>可作为事件驱动的结果而调用的程序
 
    JavaScript函数定义
    Function 函数名 (参数,变元)
       {
              函数体;
              Return 表达式;
       }
JavaScript的事件驱动及事件处理
 
一、JavaScript的事件驱动及事件处理
 
    JavaScript是基于对象(Object-Based)的语言。这与Java不同,Java是面向对象的语言。而基于对象的基本特征,就是采用事件驱动(Event-Driver)。
 
    通常鼠标或热键的动作我们称之为事件(Event):
    由鼠标或热键引发的一连串程序的动作,称之为事件驱动(Event Driver)
    对事件进行处理的程序或函数,我们称之为事件处理程序(Event Handler)
 
二、JavaScript的事件处理程序
 
     在JavaScript中对象事件的处理通常由函数(Function)担任。其基本格式与函数全部一样,可以将前面所介绍的所有函数作为事件处理程序。
    格式如下:
    Function 事件处理名 (参数)
       {
              事件处理语句集;
              ……
       }
 
三、事件驱动
 
    JavaScript事件驱动中的事件是通过鼠标或热键的动作引发的。它主要有以下几个事件:
(1)onClick单击事件
  1>在onClick等号后,可以使用自己编写的函数作为事件处理程序,例如:
 
    <HTML>
    <Head>
        <Script Language ="JavaScript" >
            document.write("这是一个演示程序");
            document.close();
 
            function change()
                { 
                    ID_Form1.ID_Show1.value = "事件被触发并且执行后的结果";
                }
        </Script>
    </Head>
   
    <BODY>      
        <Form name= "ID_Form1" >
            <Input name= "ID_Show1" type= "text" size= "100" value= "这是一个事件驱动程序演示,点击Button按钮,触发onClick事件,执行相关事件处理函数" >
            <br>
          <Input type="button" value="这是一个事件驱动程序演示" onClick="change()">
        </Form>  
    </BODY>
   
    </HTML>
 
    2>也可以使用JavaScript中内部的函数,例如:
    <Input type= "button" value= "这是一个事件驱动程序演示" onClick= alert("这是一个例子") >
 
    上面的alert就是一个JavaScript内部定义的函数,用来弹出一个警告
 
    3>还可以直接使用JavaScript的代码,例如:
 
    <Input type= "button" value= "这是一个事件驱动程序演示" onClick= "(ID_Form1.ID_Show1.value = '事件被触发并且执行后的结果')" >
 
(2)onChange改变事件
    1>当利用text元素输入字符值改变时发该事件
    2>当利用texturea元素输入字符值改变时发该事件
    3>当在select表格项中一个选项状态改变后也会引发该事件。
(3)onSelect选中事件
    1>当利用text对象中的文字被加亮后,引发该事件。
    2>当利用texturea对象中的文字被加亮后,引发该事件。
(4)onFocus获得焦点事件
    1>当单击text对象时发该事件
    2>当单击texturea对象时发该事件
    3>当单击select对象时发该事件
(5)onBlur失去焦点
    1>当text对象不再拥有焦点时发该事件
    2>texturea对象不再拥有焦点时发该事件
    3>select对象不再拥有焦点时发该事件
(6)onLoad载入文件(在body标记中出现)
  当文档载入时,产生该事件。onLoad事件的一个作用就是在首次载入一个文档时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用。
(7)onUnload卸载文件(在body标记中出现)
  当Web页面退出时引发onUnload事件,并可更新Cookie的状态。
 
 <本章完>

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值