浅析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 相关文章推荐
用Jquery实现可编辑表格并用AJAX提交到服务器修改数据
Dec 27 Javascript
面向对象的Javascript之二(接口实现介绍)
Jan 27 Javascript
浅析tr的隐藏和显示问题
Mar 05 Javascript
基于jquery实现可定制的web在线富文本编辑器附源码下载
Nov 17 Javascript
JavaScript截取、切割字符串的技巧
Jan 07 Javascript
详述JavaScript实现继承的几种方式(推荐)
Mar 22 Javascript
BootStrap中关于Select下拉框选择触发事件及扩展
Nov 22 Javascript
Vue中之nextTick函数源码分析详解
Oct 17 Javascript
微信小程序实现打开并下载服务器上面的pdf文件到手机
Sep 20 Javascript
vue 页面回退mounted函数不执行的解决方案
Jul 26 Javascript
vue 遮罩层阻止默认滚动事件操作
Jul 28 Javascript
Vue实现小购物车功能
Dec 21 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
基于文本的访客签到簿
2006/10/09 PHP
CentOS 上搭建 PHP7 开发测试环境
2017/02/26 PHP
PHP中的self关键字详解
2019/06/23 PHP
Safari5中alert的无限循环BUG
2011/04/07 Javascript
JavaScript中setInterval的用法总结
2013/11/20 Javascript
js生成动态表格并为每个单元格添加单击事件的方法
2014/04/14 Javascript
JavaScript中setUTCFullYear()方法的使用简介
2015/06/12 Javascript
用JavaScript实现PHP的urlencode与urldecode函数
2015/08/13 Javascript
异步JS框架的作用以及实现方法
2015/10/29 Javascript
javascript实现一个网页加载进度loading
2017/01/04 Javascript
利用Javascript实现简单的转盘抽奖
2017/02/13 Javascript
canvas简单快速的实现知乎登录页背景效果
2017/05/08 Javascript
JS使用正则表达式获取小括号、中括号及花括号内容的方法示例
2018/06/01 Javascript
vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
2019/05/10 Javascript
Vue.js组件实现选项卡以及切换特效
2019/07/24 Javascript
原生js添加一个或多个类名的方法分析
2019/07/30 Javascript
对layui数据表格动态cols(字段)动态变化详解
2019/10/25 Javascript
vue基于better-scroll实现左右联动滑动页面
2020/06/30 Javascript
Postman环境变量全局变量使用方法详解
2020/08/13 Javascript
详解Python3中的Sequence type的使用
2015/08/01 Python
Python中import导入上一级目录模块及循环import问题的解决
2016/06/04 Python
Python实现的建造者模式示例
2018/08/06 Python
Python OpenCV对本地视频文件进行分帧保存的实例
2019/01/08 Python
如何使用Python实现斐波那契数列
2019/07/02 Python
Python接口测试get请求过程详解
2020/02/28 Python
Python使用jupyter notebook查看ipynb文件过程解析
2020/06/02 Python
初探CSS3中的calc()功能
2015/07/14 HTML / CSS
Trip.com香港网站:Ctrip携程旗下,全球最大的网上旅游社之一
2016/08/01 全球购物
工伤赔偿协议书范本
2014/04/15 职场文书
房产协议书范本2014
2014/09/30 职场文书
大学生自我推荐信范文
2015/03/24 职场文书
项目投资意向书范本
2015/05/09 职场文书
2015年办公室人员工作总结
2015/05/15 职场文书
六五普法心得体会2016
2016/01/21 职场文书
导游词之湖北武当山
2019/09/23 职场文书
mysql实现将字符串字段转为数字排序或比大小
2022/06/14 MySQL