Javascript基础(2)
开始更咯~~~嘻嘻。
----------------------------------------------------------------------------------
异常捕获：即当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)的更多相关文章
- JavaScript基础
JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...
- 一步步学习javascript基础篇（0）:开篇索引
索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...
- 前端之JavaScript基础
前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...
- 一步步学习javascript基础篇（3）：Object、Function等引用类型
我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...
- Javascript基础回顾 之(三) 面向对象
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- Javascript基础回顾 之(二) 作用域
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- Javascript基础回顾 之(一) 类型
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- JavaScript 基础回顾——对象
JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...
- javascript基础01
javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...
- javascript基础02
javascript基础02 1.数据类型 数据类型的描述在上篇的扩展中有写到链接 由于ECMAScript数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型 ...
随机推荐
- 14.7.2 Changing the Number or Size of InnoDB Redo Log Files 改变InnoDB Redo Log Files的数量和大小
14.7.2 Changing the Number or Size of InnoDB Redo Log Files 改变InnoDB Redo Log Files的数量和大小 改变 InnoDB ...
- windows版爬取csdn
use LWP::UserAgent; use POSIX; use HTML::TreeBuilder::XPath; use Encode; use HTML::TreeBuilder; open ...
- 【HDOJ】3006 The Number of set
数据量这么小,果断状态压缩+dp. /* 3006 */ #include <iostream> #include <string> #include <map> ...
- js对ajax返回数组的处理
引言: ajax异步传输,可以传输字符串,但是数组这样的数据,就不太好传递了,这个时候怎么办呢? 答案是可以通过json来处理,后台将数据数据进行json编码! 然后客户端,通过js来进行解析. 这样 ...
- centos6.5 设置静态ip地址
vim /etc/sysconfig/network-scripts/ifcfg-eth0 DEVICE=eth0 #描述网卡对应的设备别名,例如ifcfg-eth0的文件中它为eth0BOOTPRO ...
- Div 3 - SGU 105（找规律）
分析:很容易知道序列1,2,3, 4,5, 6......与3的关系就是1,2, 0,1, 2,0,......如果是在一个数后面添加一个数就变成了这种序列1, 0, 0, 1, 0, 0, 1, 0 ...
- dede 如何去除[field:title/]里面出现的b标签
调用[field:title/]标签,两边加<b>怎么去掉<b> 怎么回事??? 最近更新dede的版本后,调用[field:title/]标签,生成的标题两边会自动在标题两边 ...
- 如何仿写thinkphp的S方法？
代码如下: <?php $info=S("name","lizhaoyao"); $name=S("name"); var_dump( ...
- python小程序——购物
流程图 代码程序 saving = int(input('请输入你的工资:'))shopping = [['iphone',5800],['mx6',2000],['pythonbook',80], ...
- cocos2d与cocos2d-X中的draw和update
像其它的游戏引擎一样,我们有两个不同的方法来完成draw和update. 1: Draw:每一个CCNode都有一个draw方法,每一帧都会调用.我们只在这个方法里做描绘的事情. 2: Update: ...