zoukankan      html  css  js  c++  java
  • JavaScript的个人学习随手记(一)

    JavaScript 简介

     要学习的人可以到W3School  

    http://www.w3school.com.cn/b.asp

    JavaScript 是世界上最流行的编程语言。

    这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

    个人感觉JavaScript也是特别类似OC,大部分跟OC语法相同

    JavaScript:写入 HTML 输出

    实例

    document.write("<h1>This is a heading</h1>");
    document.write("<p>This is a paragraph</p>");

    JavaScript:对事件作出反应

    实例

    <button type="button" onclick="alert('Welcome!')">点击这里</button>

    JavaScript 使用

    HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

    脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

     

    JavaScript 输出

     

    如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。

    使用 "id" 属性来标识 HTML 元素:

    JavaScript 语句

    JavaScript 对大小写敏感。

    JavaScript 对大小写是敏感的。

    当编写 JavaScript 语句时,请留意是否关闭大小写切换键。

    函数 getElementById 与 getElementbyID 是不同的。

    同样,变量 myVariable 与 MyVariable 也是不同的

    JavaScript 注释

    与C语言一致://  /**/

    JavaScript 变量

    与代数一样,JavaScript 变量可用于存放值(比如 x=2)和表达式(比如 z=x+y)。

    变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume)。

    • 变量必须以字母开头
    • 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
    • 变量名称对大小写敏感(y 和 Y 是不同的变量)
    var pi=3.14;
    var name="Bill Gates";
    var answer='Yes I am!';

    JavaScript 数据类型

    JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型:

    对象属性有两种寻址方式:

    实例

    name=person.lastname;
    name=person["lastname"];
    当您声明新变量时,可以使用关键词 "new" 来声明其类型:var carname=new String;
    var x=      new Number;
    var y=      new Boolean;
    var cars=   new Array;
    var person= new Object;

    JavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象。

    JavaScript 对象

    访问对象的属性

    访问对象属性的语法是:

    objectName.propertyName

    String 对象的 length 属性来查找字符串的长度

    String 对象的 toUpperCase() 方法来把文本转换为大写

    创建 JavaScript 对象

    通过 JavaScript,您能够定义并创建自己的对象。

    创建新对象有两种不同的方法:

    1. 定义并创建对象的实例
    2. 使用函数来定义对象,然后创建新的对象实例

    创建直接的实例

    这个例子创建了对象的一个新实例,并向其添加了四个属性:实例

    person=new Object();
    person.firstname="Bill";
    person.lastname="Gates";
    person.age=56;
    person.eyecolor="blue";

    使用对象构造器

    本例使用函数来构造对象:

    实例

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

     

    创建 JavaScript 对象实例

    一旦您有了对象构造器,就可以创建新的对象实例,就像这样:

    var myFather=new person("Bill","Gates",56,"blue");
    var myMother=new person("Steve","Jobs",48,"green");

    JavaScript 函数

    函数就是包裹在花括号中的代码块,前面使用了关键词 function

    您可以发送任意多的参数,由逗号 (,) 分隔:

    myFunction(argument1,argument2)

    当您声明函数时,请把参数作为变量来声明:

    function myFunction(var1,var2)
    {
    这里是要执行的代码
    }

    变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值,以此类推。

    向未声明的 JavaScript 变量来分配值

    如果您把值赋给尚未声明的变量,该变量将被自动作为全局变量声明。

    JavaScript 类

    JavaScript 是面向对象的语言,但 JavaScript 不使用类。

    在 JavaScript 中,不会创建类,也不会通过类来创建对象(就像在其他面向对象的语言中那样)。

    JavaScript 基于 prototype,而不是基于类的。

    比较运算符

    比较运算符在逻辑语句中使用,以测定变量或值是否相等。其他同C

    运算符

    描述

    例子

    ===

    全等(值和类型)

    x===5 为 true;x==="5" 为 false

    For/In 循环 同OC

    JavaScript      for/in 语句循环遍历对象的属性:

    实例

    var person={fname:"John",lname:"Doe",age:25}; 
    for (x in person)  
    { 
     txt=txt + person[x];  
    }


     

    break 语句用于跳出循环。

    continue 用于跳过循环中的一个迭代。

    JavaScript 错误 - Throw、Try 和 Catch

    try 语句测试代码块的错误。

    catch 语句处理错误。

    throw 语句创建自定义错误。

    JavaScript 测试和捕捉

    try 语句允许我们定义在执行时进行错误测试的代码块。

    catch 语句允许我们定义当 try 代码块发生错误时,所执行的代码块。

    JavaScript 语句 try 和 catch 是成对出现的

    Throw 语句

    throw 语句允许我们创建自定义错误。

    正确的技术术语是:创建或抛出异常(exception)。

    如果把 throw 与 try 和 catch 一起使用,那么您能够控制程序流,并生成自定义的错误消息。

    try  
    { 
    var x=document.getElementById("demo").value;  
    if(x=="")    throw "empty";  
    if(isNaN(x)) throw "not a number";  
    if(x>10)     throw "too high";
     if(x<5)      throw "too low";  
    }
    catch(err) 
     {  
    var y=document.getElementById("mess"); 
     y.innerHTML="Error: " + err + "."; 
     }

    JavaScript 表单验证   提示框函数

    alert(alerttxt)

     更多的属性、函数、方法等,见W3School官网手册

  • 相关阅读:
    派生类的构造函数
    继承和派生
    自增自减运算符的重载(强制类型转换运算符重载)
    流插入和流提取运算符的重载
    动态数组类的设计
    函数的返回值
    赋值运算符的重载
    运算符重载
    常量对象函数引用和参数传递
    理解ASP.NET MVC的路由系统
  • 原文地址:https://www.cnblogs.com/fcug/p/5913818.html
Copyright © 2011-2022 走看看