码迷,mamicode.com
首页 > 编程语言 > 详细

javascript小结

时间:2018-05-04 20:15:30      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:undefined   sage   变量   seo   com   htm   加载   OLE   button   

 

 

 

 

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,并调用调试函数。

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

 

javascript小结

标签:undefined   sage   变量   seo   com   htm   加载   OLE   button   

原文地址:https://www.cnblogs.com/flyingjun/p/8992141.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!