zoukankan      html  css  js  c++  java
  • JavaScript基础

     1JavaScript概念

    A、JavaScript 是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,如响应用户的各种操作。完整的JavaScript由3个不同部分组成:核心(ECMAScript)、文档对象模型(Document Object Model,简称DOM)、浏览器对象模型(Browser Object Model,简称BOM)。

    JavaScript常被简称为JS。

    B、JavaScript是解释型语言,无需编译就可以运行。

    2、JavaScript入门

    A、JavaScript结构

    <script type="text/javascript">

            a = 'Dragon';

            alert(a);

    </script>

    3、JavaScript引用外部JS文件

    A、<script src="JScript1.js" type="text/javascript"></script>

    4、JavaScript事件

    A、<a href="javascript:alert('Dragon')" > Dragon </a>

    B、<input id="Button1" type="button" onclick="alert('Dragon')" value="button" />

    注:只有在超链接href中使用JavaScript时,需要加“JavaScript:”解释JavaScript代码。和http:、ftp:等一样的网络协议。交由JavaScript引擎处理。

    5、JavaScript变量

    A、JavaScript使用单引号或双引号声明字符串。

    B、JavaScript中有null、undefined两种特别的变量值。Null表示变量的值为空,undefined 表示变量没有指向任何对象,未初始化。

    C、JavaScript的变量声明方式为:var i = 0;声明变量。在JavaScript中变量是没有类型区分的。

    6、JavaScript调试

    A、使用vs2008以上版本可以对JavaScript进行断点调试。

    7、判断变量初始化

    A、JavaScript判断变量、参数是否初始化的三种方法:

           1、第一种方法

           var x;

           If(x== null)

    {

           alert(“null”);

    }

           2、第二种方法

           If(typeof(x) ==“undefined”)

    {

           alert(“undefined”);

    }

    3、第三种方法:

    If(!x){alert(‘不x’)}

    8、JavaScript声明函数

    A、声明函数的方法:

           不需要声明返回值类型、参数类型。函数定义以function开头。

           Function add(i1,i2)

    {

           Return i1+i2;

    }

    9、JavaScript匿名函数

    A、用委托来指向函数

           var f1= function(i1+i2){

                  return i1+i2;

           }

           Alert(f1(1,2));

    10、JavaScript面向对象

    A、JavaScript中没有类的语法,是用函数摸拟出来的。

    B、定义方式:

           Function Person(name,age){

                  this.name = name;

                  this.age = age;

                  this.SayHello = function(){

                         alert(“你好,我是”+this.name+“,我”+this.age+“岁了”);

                  }

           }

           var p1 = new Person(“tom”,20);

           P1.SayHello();

     

    11、Array对象

    A、JavaScript中的Array对象就是数组,而且是一个动态数组。

           var names = new Array();

           names[0] = “tom”;

           names[1]= “jerry”;

           names[2]= “dragon”;

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

                  alert(names[i]);

           }

     

    12、JavaScript中的Dictionary

    A、JavaScript可以用Array定义字典。

           var dict = new Array();

           dict[“人”] = “ren”;

           dict[“手”] = “shou”;

           alert(dict[“手”]);

    13、Array的简化声明

    A、var arr = [3,5,7,9];

    B、var arr = {“tom”:30, “jerry”:50}

     

    14、获取对象的成员

    A、for(var e in document) {

    alert(e);

    }

     

    15、DOM概念

    A、DOM是HTML页面模型,将每个标签都做为一个对象,JavaScript通过调用DOM中的属性、方法对网页中的元素进行控制。JavaScript与DOM就是C#与.NET Framwork的关系。

    B、CSS+JavaScript+DOM = DHTML。

    16、动态设置事件

    A、定义函数

           Function f1(){

                  Alert(“1”);

    }

    B、调用事件

           <input type = “button” onclick = “document.ondblclick f1” value="button"

    17、window对象

    A、window对象代表当前浏览器窗口,使用window对象的属性、方法的时候可以省略window,如window.alert(‘dragon’)可以省略成alert(‘dragon’)。

    B、alert方法,弹出消息对话框。

    C、confirm方法,显示“确定”、“取消”对话框,可以点击“确定”就返回true,否则flase。

           if (confirm('你还继续吗?')) {

               alert('是');

        }

        else{

            alert('否');

        }

    D、重定向到指定的页面: navigate('HTMLPage2.htm');

    E、setInterval每隔一段时间执行指定的代码,第一个参数为字符串,第二个参数为间隔时间(单位毫秒)

    setInterval("alert('你好!')", 1000);

    F、setTimeout定时执行,但是setInterval是重复定时执行。

    18、body、document对象的事件

    A、onload:网页加载完毕时触发。

    B、onunload:网页关闭后触发。

    C、onbeforeunload:在网页准备关闭后触发。

    19、window对象的属性

    A、重定向到网址: location.href。

    B、刷新页面: location.reload()。

    20、Document 对象

    A、每个载入浏览器的 HTML 文档都会成为 Document 对象。

    Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

    提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。

    B、write 方法可向文档写入 HTML 表达式或 JavaScript 代码。

    C、getElementById方法可返回对拥有指定 ID 的第一个对象的引用。

    D、getElementsByName方法可返回带有指定名称的对象的集合。

    E、getElementsByTagName方法可返回带有指定标签名的对象的集合。

  • 相关阅读:
    ios 适应屏幕
    用于重新编译的工具和命令
    SSRS 的简单使用(二)
    SSRS 的简单使用(一)
    优化SqlServer--数据压缩
    优化SQLServer——表和分区索引
    关于tempdb的一些注意事项
    关于事务的隔离级别和处理机制的理解
    SQL Server中的锁的简单学习
    sqlserver还原数据库失败,sql2008备份集中的数据库备份与现有的xxx数据库不同
  • 原文地址:https://www.cnblogs.com/PBDragon/p/3581746.html
Copyright © 2011-2022 走看看