开始更咯~~~嘻嘻。

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

异常捕获：即当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. 根据rowid回表

    select rowid from T_PM_DEPOSIT_HIS partition(DEPOSIT_HIS_20120104) ; SQL> set linesize 200 SQL> ...

  2. 优雅的让Fragment监听返回键

    转载请注明出处:http://write.blog.csdn.net/postedit/40507387 Activity可以很容易的得到物理返回键的监听事件,而Fragment却不能.假设Fragm ...

  3. openwrt使用3G上网卡

    尊敬的大大.感谢你抽空指导我 我的设备是db120 mu350 和广东无限卡 版本是OpenWrt Backfire 10.03.336 DIY full 一.        没有安装到kmod-us ...

  4. jQuery动态五星评分

    效果 css .star ul, .star li { list-style: none; } .star { position: relative; width: 600px; height: 24 ...

  5. Linux学习笔记27——共享内存

    一 共享内存 共享内存是由IPC为进程创建的一个特殊的地址范围,它将出现在该进程的地址空间中.其他进程可以将同一段共享内存连接到它们自己的地址空间中,所有进程都可以访问共享内存中的地址.如果某个进程向 ...

  6. Windows玩转Docker(二)：运行whalesay image

    docker官网site:http://www.docker.com/ 参照site:https://docs.docker.com/windows/step_three/ docker安装参照: h ...

  7. iOS中控件的Frame属性和Bounds属性的区别

    在iOS中,每个控件都是继承于UIView的,都会有视图的属性存在,控制这个视图的位置就有Frame和Bounds两个属性 frame指的是:该view在父view坐标系统中的位置和大小.(参照点是父 ...

  8. 《University Calculus》-chape3-微分法-基本概念、定理

    所谓微分法其实就是我们所熟悉的导数,它是一种无限分割的方法,同积分法一样,它们是处理曲线和曲面的有利工具,也是一门很伟大的自然语言.微分方程就是一种名副其实的描述自然的语言. 同样这里如果取单侧导数, ...

  9. Live555 Streaming from a live source

    https://www.mail-archive.com/live-devel@lists.live555.com/msg05506.html-----ask--------------------- ...

  10. Palindrome - URAL - 1297（求回文串）

    题目大意:RT   分析:后缀数组求回文串,不得不说确实比较麻烦,尤其是再用线段数进行查询,需要注意的细节地方比较多,比赛实用性不高......不过练练手还是可以的.   线段数+后缀数组代码如下: ...