开始更咯~~~嘻嘻。

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

异常捕获：即当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. 【HDOJ】3205 Factorization

    题意很简单.就是求x^k-1的因式分解.显然x-1必然是其中之一(x=1, x^k-1=0).假设k=mp. 则x^k = (x^p)^m, 同理x^p-1必然是其中之一,即x^p的所有因式一定是x^ ...

  2. vs2008 提示msdbg.dll未正确安装的解决办法

    开始-->运行-->输入: regsvr32.exe "%ProgramFiles(x86)%\Common Files\Microsoft Shared\VS7Debug\ms ...

  3. 查看Mysql执行计划

    使用navicat查看mysql执行计划: 打开profile分析工具: 查看是否生效:show variable like ‘%profil%’; 查看进程:show processlist; 选择 ...

  4. 【转】Android ROM研究---Android build system增加模块

    原文网址:http://hualang.iteye.com/blog/1141315 Android build system就是编译系统的意思 在我们需要向自己编译的源代码中增加模块的时候,需要一些 ...

  5. Activity声明周期容易出现的问题

    了解activity的生命周期,不仅仅是回答面试官的几个小问题:下面这篇文章不错,截取个人认为优秀的部分分享给大家,欢迎交流.感谢原作者 /** * 示例向我们展示了在 Activity 的配置改变时 ...

  6. 公有云开启全面竞争时代——青云QingCloud

    网界网本期[封面报道]公有云开启全面竞争时代 [CNW.com.cn 专稿] 险滩急流之后,公有云[注]服务市场的开拓者们终于看到了一片丰饶之海. 2013年,中国云计算[注]产业起步的第五年,公有云 ...

  7. AC自动机——多模式串匹配的算法思想

    标准KMP算法用于单一模式串的匹配,即在母串中寻求一个模式串的匹配,但是现在又存在这样的一个问题,如果同时给出多个模式串,要求找到这一系列模式串在母串存在的匹配个数,我们应该如何处理呢? 基于KMP算 ...

  8. 中科院NLPIR中文分词java版

    中科院NLPIR中文分词java版 中科院NLPIR中文分词java版

  9. 600字读懂 Git

    译注:来自 Hacker School 的 Mary Rose Cook 实现了一个纯 JavaScript 写就的 Git:Gitlet,包含了最主要的一些命令.这个项目一是为了了解 Git 内部原 ...

  10. Treasure Hunt - POJ 1066（线段相交判断）

    题目大意:在一个正方形的迷宫里有一些交错墙,墙的两端都在迷宫的边缘墙上面,现在得知迷宫的某个位置有一个宝藏,所以需要砸开墙来获取宝藏(只能砸一段墙的中点),问最少要砸开几面墙.   分析:这个题意刚开 ...