浅析JavaScript事件和方法


Posted in Javascript onFebruary 28, 2015

单击一个超链接触发事件

1.用a标签的onclick

<a href="#" onclick="js代码">

这种写法呢,存在一种弊端,就是点击后会刷新一次页面,回到页面顶端。

想不刷新如何做的呢?

<a href="javascript:void(0)" onclick="js代码">

2.#与javascript:void(0)的区别

超链接为“死链”时,使用#与javascript:void(0);的区别。

Void(0)没有用的值,不会去任何地方,就没有意义了

而#会刷新一次当前页面。

3.再或者、用a标签的href

<a href="javascript:  js代码   ">

只有超链接的href中的JavaScript中才需要加“javascript:”,

因为它不是事件,而是把”javascript:”看成像“http:”、“ftp:”、“thunder://”、“ed2k://”、“mailto:”一样的网络协议,交由js解析引擎处理。

方法的特别强调

1.不要另起一行

一般在js中编写大括号都是直接跟在后面而不要另起一行,

原因是js会在语句末尾自动增加”分号”,如果将大括号另起一行,则return语句后自动增加“分号”后,返回值就变成了undefined了。

2.不需要声明返回值类型

不需要声明返回值类型、参数类型。函数定义以function开头。

JavaScript中不像C#和java那样要求所有路径都有返回值没有返回值就是undefined。

3.没有方法重载

JavaScript中没有方法重载。

方法中写参数叫命名参数

用户调用计算多个数的和的方法,如何获取方法中有多少个参数呢?

请使用arguments对象!

匿名函数

1.方式一

var f1=function(p1,p2){ return p1+p2; };//将函数赋值给一个变量

匿名函数没法调用,只能赋值给一个变量,由于是赋值语句,后面要加分号

应用:

document.getElementById(‘btn').onclick=function(){}

2.方式二

(function(p1,p2){alert(p1+p2);})(20,30);

3.方式三

var m1=new Function(“p1”,”p2”,”p3”,”return p1+p2+p3”);

alert(m1(1,2,3));性能低

这种匿名函数的用法在jQuery中的非常多

扩展方法prototype

通过类对象的prototype设置扩展方法,

扩展方法的声明要在使用扩展方法之前执行。JS的函数没有专门的函数默认值的语法,但是可以不给参数传值,不传值的参数值就是undefined,自己做判断来给默认值。

var msg ='xiaoming@111.com';

String.prototype.isEmail = function(){

return this.indexof('@')!= -1 ?true:false;

};

alert(msg.isEmail);

事件

1.调用事件

浅析JavaScript事件和方法

2.注册事件

一定是在页面加载完成了以后,才能给页面的元素注册事件。

所以 onload = function(){

     //在这里注册事件

};

浅析JavaScript事件和方法

页面加载事件

  <script type="text/javascript">

       //刷新

       //location.reload();

          onload=function(){

           alert("页面加载了");

          };

          onunload =function(){

           alert("页面关闭了");

          };

          onbeforeunload= function(){

             alert("页面关闭之前触发");

          };

  </script>

浅析JavaScript事件和方法

以上就是本文的全部内容了,希望能够让大家对javascript的事件和方法有新的认识

Javascript 相关文章推荐
JavaScript 解析读取XML文档 实例代码
Jul 07 Javascript
jQuery 动态酷效果实现总结
Dec 27 Javascript
javascript获取form里的表单元素的示例代码
Feb 14 Javascript
jQuery对象的length属性用法实例
Dec 27 Javascript
BootStrap智能表单实战系列(九)表单图片上传的支持
Jun 13 Javascript
js控件Kindeditor实现图片自动上传功能
Jul 20 Javascript
jQuery 实现ajax传入参数含有特殊字符的方法总结
Oct 17 Javascript
Vue引入sass并配置全局变量的方法
Jun 27 Javascript
js中call()和apply()改变指针问题的讲解
Jan 17 Javascript
使用Angular Cli如何创建Angular私有库详解
Jan 30 Javascript
vuex的使用步骤
Jan 06 Vue.js
详解实现vue的数据响应式原理
Jan 20 Vue.js
常用的JavaScript WEB操作方法分享
Feb 28 #Javascript
js实现点击图片改变页面背景图的方法
Feb 28 #Javascript
本人自用的global.js库源码分享
Feb 28 #Javascript
JS限制文本框只能输入数字和字母方法
Feb 28 #Javascript
javascript计时器详解
Feb 28 #Javascript
Lab.js初次使用笔记
Feb 28 #Javascript
js实现鼠标感应图片展示的方法
Feb 27 #Javascript
You might like
PHP 编写大型网站问题集
2010/05/07 PHP
php计算2个日期的差值函数分享
2015/02/02 PHP
JS 建立对象的方法
2007/04/21 Javascript
JavaScript 动态将数字金额转化为中文大写金额
2009/05/14 Javascript
JSON为什么那样红为什么要用json(另有洞天)
2012/12/26 Javascript
javascript数组的使用
2013/03/28 Javascript
JavaScript中用getDate()方法返回指定日期的教程
2015/06/09 Javascript
js点击文本框后才加载验证码实例代码
2015/10/20 Javascript
jqueryMobile 动态添加元素,展示刷新视图的实现方法
2016/05/28 Javascript
JavaScript计算值然后把值嵌入到html中的实现方法
2016/10/29 Javascript
AngularJS实现在ng-Options加上index的解决方法
2016/11/03 Javascript
Webpack path与publicPath的区别详解
2018/05/03 Javascript
Vue使用vux-ui自定义表单验证遇到的问题及解决方法
2018/05/10 Javascript
vue展示dicom文件医疗系统的实现代码
2018/08/27 Javascript
js正则取值的结果数组调试方法
2018/10/10 Javascript
vue实现局部刷新的实现示例
2019/04/16 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
2019/04/22 Javascript
node中IO以及定时器优先级详解
2019/05/10 Javascript
基于Cesium绘制抛物弧线
2020/11/18 Javascript
[51:50]完美世界DOTA2联赛 Magma vs GXR 第一场 11.07
2020/11/10 DOTA
python写xml文件的操作实例
2014/10/05 Python
简单了解Python下用于监视文件系统的pyinotify包
2015/11/13 Python
python数据结构学习之实现线性表的顺序
2018/09/28 Python
python3 实现调用串口功能
2019/12/26 Python
Python 线性回归分析以及评价指标详解
2020/04/02 Python
AmazeUI 单选框和多选框的实现示例
2020/08/18 HTML / CSS
GAP欧盟网上商店:GAP EU
2016/09/13 全球购物
财务分析个人的自荐书范文
2013/11/24 职场文书
农业资源与环境专业自荐信范文
2013/12/30 职场文书
工地资料员岗位职责
2013/12/31 职场文书
党的群众路线对照检查材料
2014/08/27 职场文书
教师作风建设剖析材料
2014/10/11 职场文书
师德师风整改措施
2014/10/24 职场文书
病假证明模板
2015/06/19 职场文书
2015年新教师个人工作总结
2015/10/14 职场文书
一篇文章弄懂Python中的内建函数
2021/08/07 Python