浅析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 相关文章推荐
下载站控制介绍字数显示的脚本 显示全部 隐藏介绍等功能
Sep 19 Javascript
Extjs 继承Ext.data.Store不起作用原因分析及解决
Apr 15 Javascript
html的DOM中Event对象onabort事件用法实例
Jan 21 Javascript
js实现按钮控制图片360度翻转特效的方法
Feb 17 Javascript
常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数
Sep 23 Javascript
js实现分页功能
May 24 Javascript
vue学习笔记之v-if和v-show的区别
Sep 20 Javascript
vue 组件中使用 transition 和 transition-group实现过渡动画
Jul 09 Javascript
Weex开发之WEEX-EROS开发踩坑(小结)
Oct 16 Javascript
微信小程序 自定义弹窗实现过程(附代码)
Dec 05 Javascript
vue实现购物车功能(商品分类)
Apr 20 Javascript
js异步接口并发数量控制的方法示例
Nov 22 Javascript
常用的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
Laravel框架定时任务2种实现方式示例
2018/12/08 PHP
使用IE6看老赵的博客 jQuery初探
2010/01/17 Javascript
改善你的jQuery的25个步骤 千倍级效率提升
2010/02/11 Javascript
jQuery Tools tooltip使用说明
2012/07/14 Javascript
javascript:FF/Chrome与IE动态加载元素的区别说明
2014/01/26 Javascript
javascript实现简单的页面右下角提示信息框
2015/07/31 Javascript
jQuery实现可高亮显示的二级CSS菜单效果
2015/09/01 Javascript
Bootstrap轮播插件使用代码
2016/10/11 Javascript
ES6中的箭头函数实例详解
2017/04/06 Javascript
VUE Error: getaddrinfo ENOTFOUND localhost
2018/05/03 Javascript
JavaScript简单实现关键字文本搜索高亮显示功能示例
2018/07/25 Javascript
ES6如何用一句代码实现函数的柯里化
2020/01/18 Javascript
JavaScript判断数据类型有几种方法及区别介绍
2020/09/02 Javascript
Vue中computed和watch有哪些区别
2020/12/19 Vue.js
vue 实现基础组件的自动化全局注册
2020/12/25 Vue.js
Python pickle模块用法实例分析
2015/05/27 Python
python Django模板的使用方法
2016/01/14 Python
对numpy中布尔型数组的处理方法详解
2018/04/17 Python
浅谈解除装饰器作用(python3新增)
2018/10/15 Python
python_array[0][0]与array[0,0]的区别详解
2020/02/18 Python
HTML5上传文件显示进度的实现代码
2012/08/30 HTML / CSS
美国著名的女性内衣零售商:Frederick’s of Hollywood
2018/02/24 全球购物
实体的生命周期
2013/08/31 面试题
机电工程专业应届生求职信
2013/10/03 职场文书
自主实习接收函
2014/01/13 职场文书
九年级化学教学反思
2014/01/28 职场文书
公司司机岗位职责范本
2014/03/03 职场文书
行政部经理助理岗位职责
2014/06/15 职场文书
2014年自愿离婚协议书范本
2014/09/25 职场文书
病人写给医生的感谢信
2015/01/23 职场文书
人民币使用说明书
2019/04/17 职场文书
使用 JavaScript 制作页面效果
2021/04/21 Javascript
MySQL中VARCHAR与CHAR格式数据的区别
2021/05/26 MySQL
Java 数组内置函数toArray详解
2021/06/28 Java/Android
Python+Selenium实现抖音、快手、B站、小红书、微视、百度好看视频、西瓜视频、微信视频号、搜狐视频、一点号、大风号、趣头条等短视频自动发布
2022/04/13 Python
python内置模块之上下文管理contextlib
2022/06/14 Python