开始更咯~~~嘻嘻。

----------------------------------------------------------------------------------

异常捕获：即当Javascript引擎执行Javascript代码时发生了错误，导致程序停止运行。异常产生并将这个错误信息生成。

try{

错误信息处理；

}catch(err){

错误信息处理；

}

1.可以在上述过程用throw语句来自定义建立一个语句。

例：<form>

<input type="text" id="txt'/>

<input type="button" id="btn" value="按钮" onclick="demo()"/>

</form>

<script>

function demo(){

try{

var e=document.getElementById("txt").value;

if(e==""){

throw "输入的值为空"；

}

}catch(err){

alert(err);

}

}

</script>

结果：界面显示文本框，和按钮若无输入就点击按钮则弹出框提示“输入的值为空”。若输入，则无提示。

-------------------------------------------------------------------------------------------------

javascript事件：事件即可以被javascript检测到的行为。（其实我们上面的例子中已经有使用过了，就比如button中用的onclick）

1.onclick:点击事件

2.onmouseover:鼠标经过事件

3.onmouseout:鼠标移出事件

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

例（针对2.3）：<div onmouseout="onOut(this)"  onmouseover="onOver(this)"></div>

<script>

function onOver(ooj){

ooj.innerHTML="hello";

}

function onOut(ooj){

ooj.innerHTNL="world";

}

</script>

执行结果：（ps：可以在用cs中s给div大小颜色等，比较好观察）在div框，鼠标移入出现hello,鼠标移出出现world.

对上述代码注意的再次解疑惑（上期的一些注意点）：函数命名第二个字母大写；ooj为局部变量，当函数执行时才有内存，所以两个可以都用ooj.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

4.onchange:文本内容改变事件

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

例（针对4）：

<form>

<input type="text" onchange="changeDemo(this)"/>

</form>

<script>

function changeDemo(){

alert("文本框中内容改变了！");

}

</script>

结果：界面出现一文本框，当你输入东西时，弹出提示框“文本框中内容改变了！”。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

5.onselect:文本框选中事件

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

例（针对5）：

<form>

<input type="text"  onselect="changeDemo(this)"/>

</form>

<script>

function changeDemo(bg){

bg.style.background="red";

}

</script>

结果：界面出现文本框，当输入东西时，在文本框中选中这些东西，文本框背景变为红色。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

6.onfocus:光标聚集事件。（跟5的差不多，只是它的执行效果是鼠标放上后就变色什么的。）

7.onblur:移开光标事件。

8.onload:网页加载事件。

~~~~~~~~~~~~~~~~~~~~~~~~~~~

例（针对8）：

<body onload="demo()">

<script>

function demo(){

alert("网页加载完毕。");

}

</script>

</body>

结果：当网页加载完毕，出现提示框“网页加载完毕。”

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

9.onunload:关闭网页事件。

--------------------------------------------------------------------------------------------------------

接下的我就进入了学习dom，嘻嘻，后续再更。

Javascript基础(2)的更多相关文章

  1. JavaScript基础

    JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...

  2. 一步步学习javascript基础篇（0）:开篇索引

    索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...

  3. 前端之JavaScript基础

    前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...

  4. 一步步学习javascript基础篇（3）：Object、Function等引用类型

    我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...

  5. Javascript基础回顾 之(三) 面向对象

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  6. Javascript基础回顾 之(二) 作用域

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  7. Javascript基础回顾 之(一) 类型

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  8. JavaScript 基础回顾——对象

    JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...

  9. javascript基础01

    javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...

  10. javascript基础02

    javascript基础02 1.数据类型 数据类型的描述在上篇的扩展中有写到链接 由于ECMAScript数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型 ...

随机推荐

  1. android 通过eclipse混淆代码 打包 + proguard 总结

    android应用程序的混淆打包 1 . 在工程文件project.properties中加入下proguard.config=proguard.cfg , 如下所示: target=android- ...

  2. [LeetCode#201] Bitwise AND of Numbers Range

    Problem: Given a range [m, n] where 0 <= m <= n <= 2147483647, return the bitwise AND of al ...

  3. 【转】使用命令行方式创建和启动android模拟器

    原文网址:http://blog.csdn.net/tiandinilv/article/details/8953001 1.Android模拟器介绍 Android中提供了一个模拟器来模拟ARM核的 ...

  4. UVAlive 3263 That Nice Euler Circuit（欧拉定理）

    题目链接:http://acm.hust.edu.cn/vjudge/problem/viewProblem.action?id=21363 [思路] 欧拉定理:V+F-E=2.则F=E-V+2. 其 ...

  5. 局域网内通过UDP协议进行传输接受数据——AsyncUdpSocket

    在相同的局域网内,可以通过Udp协议进行数据的传输和接收,Udp协议与Http协议不同,Udp更加方便快捷,省去了很多步骤,但是也有很多传输问题,在局域网内小范围传输数据时Udp还是非常能够胜任的. ...

  6. Cows - POJ 3348(凸包求面积)

    题目大意:利用n棵树当木桩修建牛圈,知道每头牛需要50平的生存空间,求最多能放养多少头牛. 分析:赤裸裸的求凸包然后计算凸包的面积. 代码如下: --------------------------- ...

  7. hdoj 1010 Tempter of the Bone【dfs查找能否在规定步数时从起点到达终点】【奇偶剪枝】

    Tempter of the Bone Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Othe ...

  8. 深入浅出node(4) 异步编程

    一)函数式编程基础 二)异步编程的优势和难点 2.1 优势 2.2 难点 2.2.1 异常处理 2.2.2 函数嵌套过深 2.2.3 阻塞 2.2.4 多线程编程 2.2.5 异步转同步 三)异步编程 ...

  9. oracle AWR深入研究分析，如何使用

    AWR的前身是statspack,当然现在还在,只不过大家都在使用AWR,因为它方便,简单,直观,形象. AWR是oracle内置工具,安装oracle时已经自动安装完毕,无需额外安装了. SELEC ...

  10. 超人学院Hadoop大数据资源分享

    超人学院Hadoop大数据资源分享 http://bbs.superwu.cn/forum.php?mod=viewthread&tid=770&extra=page%3D1 很多其它 ...