JS之if语句对接事件动作逻辑(详解)


Posted in Javascript onJune 28, 2017

if 函数的实现步骤:

function +名字()

指定id , 指定开关(display: none or block)

if + else 构成逻辑 控制开关

JS之if语句对接事件动作逻辑(详解)

决定在哪里安置一个灯泡, 指定一个id给某个标签

把开关用电线连着灯泡, 安装开关#+id名称{ 属性1= 赋值, 属性 2 = 赋值 , 属性3 = 赋值 }
所有的赋值都可以成为一个开关. 如果是一个手动版的, 这里已经完成了. 更改属性的赋值就可以变更id的样式

帮开关装上感应元件, 一旦有动静, 开关便自动switch 建立function showhide() { 使用if+else语句, 改变开关的接线:改变属性赋值}

打开电制, 让开关通电. 事件动作接上函数

最核心的原则就是, 事件动作对接函数, 函数对接属性(一个或多个)更改, 属性更改, 对接id或者class, id 或class对接事件动作所在标签

JS之if语句对接事件动作逻辑(详解)

<style>
#div1 {width:100px; height:200px; background:#CCC; display:none;}
</style>
<script>
function showHide()
{
  var oDiv=document.getElementById('div1');
  
  if(oDiv.style.display=='block')
  {
    oDiv.style.display='none';
  }
  else
  {
    oDiv.style.display='block';
  }
}
</script>
 
 
<input type="button" value="显示隐藏" oncpck="showHide()"> </input>
<div id="div1">

以上这篇JS之if语句对接事件动作逻辑(详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript下4个跨浏览器必备的函数
Mar 07 Javascript
extjs grid设置某列背景颜色和字体颜色的实现方法
Sep 06 Javascript
jQuery 表单验证扩展代码(一)
Oct 11 Javascript
基于jquery的跨域调用文件
Nov 19 Javascript
使用基于jquery的gamequery插件做JS乒乓球游戏
Jul 31 Javascript
jquery可见性过滤选择器使用示例
Jun 24 Javascript
超详细的javascript数组方法汇总
Nov 21 Javascript
微信公众号开发 实现点击返回按钮就返回到聊天界面
Dec 15 Javascript
js实现淡入淡出轮播切换功能
Jan 13 Javascript
浅析vue-router jquery和params传参(接收参数)$router $route的区别
Aug 03 jQuery
Vue 实现分页与输入框关键字筛选功能
Jan 02 Javascript
JavaScript实现随机点名器
Mar 25 Javascript
CSS3+JavaScript实现翻页幻灯片效果
Jun 28 #Javascript
Node.js 8 中的重要新特性
Jun 28 #Javascript
Angular排序实例详解
Jun 28 #Javascript
基于JS对象创建常用方式及原理分析
Jun 28 #Javascript
Node.js实现文件上传的示例
Jun 28 #Javascript
iscroll-probe实现下拉刷新和下拉加载效果
Jun 28 #Javascript
JavaScript 获取元素在父节点中的下标(推荐)
Jun 28 #Javascript
You might like
php中几种常见安全设置详解
2010/04/06 PHP
PHP生成UTF8文件的方法
2010/05/15 PHP
PHP利用MySQL保存session的实现思路及示例代码
2014/09/09 PHP
php递归删除目录与文件的方法
2015/01/30 PHP
使用PHPWord生成word文档的方法详解
2019/06/06 PHP
php + ajax 实现的写入数据库操作简单示例
2020/05/16 PHP
JavaScript高级程序设计阅读笔记(五) ECMAScript中的运算符(一)
2012/02/27 Javascript
javascript实现动态加载CSS
2015/01/26 Javascript
js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器
2015/02/11 Javascript
JavaScript对象数组的排序处理方法
2015/10/21 Javascript
jQuery的each循环用法简单示例
2016/06/12 Javascript
jQuery实现的tab标签切换效果示例
2016/09/05 Javascript
bootstrap datepicker 与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决思路
2016/09/28 Javascript
js print打印网页指定区域内容的简单实例
2016/11/01 Javascript
node.js中的事件处理机制详解
2016/11/26 Javascript
bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
2017/02/10 Javascript
打造通用的匀速运动框架(实例讲解)
2017/10/17 Javascript
详解webpack运行Babel教程
2018/06/13 Javascript
简单了解vue中父子组件如何相互传递值(基础向)
2019/07/12 Javascript
JS实现动态星空背景效果
2019/11/01 Javascript
详解ES6 CLASS在微信小程序中的应用实例
2020/04/24 Javascript
vue中的循环对象属性和属性值用法
2020/09/04 Javascript
Python中的生成器和yield详细介绍
2015/01/09 Python
python发送邮件实例分享
2017/07/28 Python
python保存网页图片到本地的方法
2018/07/24 Python
python实现获取单向链表倒数第k个结点的值示例
2019/10/24 Python
Python matplotlib以日期为x轴作图代码实例
2019/11/22 Python
canvas实现滑动验证的实现示例
2020/08/11 HTML / CSS
如何查询Oracle数据库中已经创建的索引
2013/10/11 面试题
高中军训第一天感言
2014/03/06 职场文书
文艺晚会主持词
2014/03/24 职场文书
公开服务承诺制度
2014/03/26 职场文书
单方离婚协议书范本(2014版)
2014/09/30 职场文书
教师工作表现评语
2014/12/31 职场文书
pytorch 如何使用float64训练
2021/05/24 Python
win10蓝屏0xc0000001安全模式进不了怎么办?win10出现0xc0000001的解决方法
2022/08/05 数码科技