javascript小结

javascript小结

 

 

 

 

1、变量

变量包括集中常用类型：字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。定义格式如下所示：

//
var x;               // x 为 undefined
var x = 5;           // 现在 x 为数字
var x = "John";      // 现在 x 为字符串
//字符串型
var answer="It's alright";
var answer="He is called 'Johnny'";
var answer='He is called "Johnny"';
//数字型
var x1=34.00;      //使用小数点来写
var x2=34;         //不使用小数点来写
//布尔型
var x=true;
var y=false;
//数组型
var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";
//清空变量
cars=null;
person=null;

 

2、对象

 

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};

　　

3、函数

函数主题格式如下所示：

function myFunction(var1,var2)
{
代码
}

　　具体典型例子如下

<p>点击这个按钮，来调用带参数的函数。</p>
<button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>
<script>
function myFunction(name,job){
    alert("Welcome " + name + ", the " + job);
}
</script>

　另外还有带有返回值的函数。

4、事件

HTML 事件可以是浏览器行为，也可以是用户行为。

以下是 HTML 事件的实例：

• HTML 页面完成加载
• HTML input 字段改变时
• HTML 按钮被点击

通常，当事件发生时，你可以做些事情。在事件触发时 JavaScript 可以执行一些代码。HTML 元素中可以添加事件属性，使用 JavaScript 代码来添加 HTML 元素。

格式如下所示：

<some-HTML-element some-event="JavaScript 代码">

典型例子如下所示：

<button onclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button>

　　通常Html事件有以下几种

onchange	HTML 元素改变
onclick	用户点击 HTML 元素
onmouseover	用户在一个HTML元素上移动鼠标
onmouseout	用户从一个HTML元素上移开鼠标
onkeydown	用户按下键盘按键
onload	浏览器已完成页面的加载

5、正则表达式

 

 

 

6、错误处理

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

catch 语句处理错误。

throw 语句创建自定义错误。

function myFunction() {
    var message, x;
    message = document.getElementById("message");
    message.innerHTML = "";
    x = document.getElementById("demo").value;
    try { 
        if(x == "")  throw "值为空";
        if(isNaN(x)) throw "不是数字";
        x = Number(x);
        if(x < 5)    throw "太小";
        if(x > 10)   throw "太大";
    }
    catch(err) {
        message.innerHTML = "错误: " + err;
    }
}

　　

7、调试工具

 

console.log() 方法

使用 console.log() 方法在调试窗口上打印 JavaScript 值

debugger 

关键字用于停止执行 JavaScript，并调用调试函数。

这个关键字与在调试工具中设置断点的效果是一样的。

 

posted @ 2018-05-04 19:00 #Cloud 阅读( ...) 评论( ...) 编辑 收藏