龙空技术网

Js基础2:基本概念之事件

罗城浪逸 160

前言:

现在你们对“外部js文件调用”大约比较关心,你们都想要分析一些“外部js文件调用”的相关内容。那么小编在网络上汇集了一些有关“外部js文件调用””的相关文章,希望各位老铁们能喜欢,大家一起来学习一下吧!

JS中的事件

事件是可以被控件识别的操作,如按下确定按钮,选择某个单选按钮或者复选框。每一种控件有自己可以识别的事件,如窗体的加载、单击、双击等事件,编辑框(文本框)的文本改变事件,等等。

事件是基于触发-响应 机制实现的,当用户对控件做某些操作时,如 点击,移入鼠标,输入文字等,控件会识别到该操作,并作出对应的响应。

5.1、事件三要素

1、事件源: 被触发的对象 2、事件类型: 用户的操作、例如:鼠标点击,鼠标经过,鼠标离开 3、事件处理程序: 事件触发后要执行的代码(函数形式)--就是我们要去做上面事情

唐僧念紧箍咒——疼在后(猴)头

事件源: 三藏

事件类型:念紧箍咒

事件处理程序: 猴子头疼

5.2、Javascript的书写位置

js 行内式:

 <button onclick="alert('哈哈,我是行内式')">行内式</button>

js 内嵌式:

 <button onclick="fun()">内嵌式</button> <script type="text/javascript"> function fun(){ alert("内嵌式"); }

外部javascript:

第一步:先建立一个JS的文件 demo.js 书写JS代码第二步:调用外部JS文件

 <script type="text/javascript" src="demo.js"></script>  <button onclick="fun1()">外部JS</button>

5.3、Javascript代码分离

行内事件绑定语法:

 <button onclick="fun()">点击</button> <script>   function fun(){      alert("您点击了我");  } </script>

行内事件绑定的写法没有体现出 结构样式行为代码分离 的特性,所以这种用法大家会用即可

我们重点掌握的是用代码分离的写法:

 事件源.on事件=function(){要执行的处理程序;}

代码示例:

 var btn=document.getElementById("btn");  /*获取id为btn的元素*/  /*事件源.事件=function(){ }*/ btn.onclick=function(){     alert("您点击了我"); }

标签: #外部js文件调用