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数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型 ...
随机推荐
- 通过jquery-ui中的sortable来实现拖拽排序
1.引入文件 <script src="{sh::PUB}js/jquery-1.10.1.min.js"></script> <link rel=& ...
- 在ubuntu14.04 64位中使用jd-gui
使用时提示缺少库,输入命令sudo apt-get install libgtk2.0-0:i386 libxxf86vm1:i386 libsm6:i386 lib32stdc++6 参考:http ...
- 【PHP】将EXCEL表中的数据轻松导入Mysql数据表
在网络上有不较多的方法,在此介绍我已经验证的方法. 方法一.利用EXCEL表本身的功能生成SQL代码 ①.先在“phpmyadmin”中建立数据库与表(数据库:excel,数据表:excel01,字段 ...
- COM初体验
以前在我学校里培训过一段时间C++,我敬爱的吴老师略有提及.那个时候觉得COM遥不可及,觉得,哇塞好神圣.我觉得自己啥都没学好,我不应该这么早去涉及这片过于光荣的领地.既没有觉悟也没有动力去迎接这样一 ...
- Redis教程02——管道（Pipelining）
请求/响应协议和RTT Redis是一个使用客户端/服务器模型(也被称作请求/响应协议)的TCP服务器. 这说明通常来讲一个一个请求的实现有以下步骤: 客户端发送请求到服务器,并从socket中以堵塞 ...
- span元素之间的间距
去除inline-block元素间间距的N种方法- zhangxinxu http://www.zhangxinxu.com/wordpress/2012/04/inline-block-space- ...
- spring security +spring boot 自定义 403 页面
用的spring security 做的权限控制, 当 访问没有权限, 跳转 会跳到默认403 页面.不符合当前项目需求. 一下是解决方式: package com.ycmedia; import ...
- Android 举例说明自己的定义Camera图片和预览，以及前后摄像头切换
如何调用本地图片,并调用系统拍摄的图像上一博文解释(http://blog.csdn.net/a123demi/article/details/40003695)的功能. 而本博文将通过实例实现自己定 ...
- Qt 学习之路：Canvas
在 QML 刚刚被引入到 Qt 4 的那段时间,人们往往在讨论 Qt Quick 是不是需要一个椭圆组件.由此,人们又联想到,是不是还需要其它的形状?这种没玩没了的联想导致了一个最直接的结果:除了圆角 ...
- JSP-注释，脚本元素，指令
jsp中的注释 jsp隐藏注释 完全对客户机隐藏,不会将注释内容发送给客户机. 其语法格式为:<%-- comment --%> comment为要添加的文本注释内容. HTML注释 不完 ...