JavaScript 笔记

最新推荐文章于 2024-03-16 13:21:00 发布

最新推荐文章于 2024-03-16 13:21:00 发布 · 92 阅读

文章标签：

#JavaScript #浏览器 #编程 #脚本 #SUN #ViewUI

ML & Script & Style & Other... 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了JavaScript的基本概念，包括如何增加HTML页面的交互性、脚本语言的特点、变量声明规则、常用对话框的应用、事件处理机制、异常处理方式、日期对象及数组操作等。

JavaScript 被设计为增加 HTML 页面的交互。
JavaScript 是脚本语言。
脚本语言是轻量级的编程语言。

引入外部 JavaScript：

xml 代码

<head>
<script src="xxx.js"></script>
</head>

变量名称大小写敏感。
必须以字母或者下划线开头。

对话框：
alert("sometext");
var status = confirm("sometext");
var status = prompt("sometext","defaultvalue");

<body> 中的 onload 和 onUnload 在进入和离开页面时触发。
比如取得浏览器或用户的信息。

onFocus, onBlur 和 onChange 经常结合起来验证表单。

onMouseOver 和 onMouseOut 经常用来建立一些“栩栩如生”的特效^_^。

异常处理：

js 代码

try {
// some error code
} catch (err) {
alert(err.description);
}
try
{
if (条件)
throw "Err1";
} catch(er) {
if (er=="Err1")
alert("Error 1");
}

onerror 事件：
使用 onerror 事件时，你必须建立一个处理错误的方法。
错误处理器的方法签名是： handleErr(msg,url,line)。
msg 错误信息
url 产生错误的页面的 URL
line 行号
返回值为 true 或者 false。
如果为真，浏览器不显示标准错误信息。
如果为假，浏览器显示标准错误信息。

js 代码

onerror=handleErr
function handleErr(msg,url,l)
{
//Handle the error here
return true or false
}

日期对象：
var myDate=new Date();
myDate.setFullYear(2010,0,14);// 1 月 14 日
myDate.setDate(myDate.getDate() + 5);

数组：
var mycars=new Array();
mycars[0]="Saab";
mycars[1]="Volvo";
mycars[2]="BMW";

var mycars=new Array("Saab","Volvo","BMW");

以下的 boolean 值都为 false：
var myBoolean=new Boolean();
var myBoolean=new Boolean(0);
var myBoolean=new Boolean(null);
var myBoolean=new Boolean("");
var myBoolean=new Boolean(false);
var myBoolean=new Boolean(NaN);
以下的 boolean 值都为 true：
var myBoolean=new Boolean(true);
var myBoolean=new Boolean("true");
var myBoolean=new Boolean("false");
var myBoolean=new Boolean("Richard");

Math 对象含有数学计算方法。

cookie：
document.cookie = "...";

Image Map：

xml 代码

<img src ="planets.gif" width ="145" height ="126" alt="Planets" usemap ="#planetmap" />
<map id ="planetmap" name="planetmap">
<area shape ="rect" coords ="0,0,82,126" href ="sun.htm" target ="_blank" alt="Sun" />
<area shape ="circle" coords ="90,58,3" href ="mercur.htm" target ="_blank" alt="Mercury" />
<area shape ="circle" coords ="124,58,8" href ="venus.htm" target ="_blank" alt="Venus" />
</map>

定时器：
var t=setTimeout("javascript statement",milliseconds);

var t=setTimeout("timedCount()",1000);
clearTimeout(t);

建立对象：
personObj=new Object();
personObj.firstname="John";
personObj.lastname="Doe";
personObj.age=50;
personObj.eyecolor="blue";
建立方法：
personObj.eat=eat; // eat 是一个方法的名字
定义类：
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}