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 相关文章推荐
JQuery Tab选项卡效果代码改进版
Apr 01 Javascript
原生js结合html5制作简易的双色子游戏
Mar 30 Javascript
js验证身份证号有效性并提示对应信息
Oct 19 Javascript
小心!AngularJS结合RequireJS做文件合并压缩的那些坑
Jan 09 Javascript
html5+javascript实现简单上传的注意细节
Apr 18 Javascript
javascript检测移动设备横竖屏
May 21 Javascript
javascript中获取元素标签中间的内容的实现方法
Oct 08 Javascript
Vue.js学习示例分享
Feb 05 Javascript
webpack搭建vue 项目的步骤
Dec 27 Javascript
详解Vue中的scoped及穿透方法
Apr 18 Javascript
Node.js爬虫如何获取天气和每日问候详解
Aug 26 Javascript
原生js实现点击轮播切换图片
Feb 11 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
PHP5.5和之前的版本empty函数的不同之处
2014/06/13 PHP
PHP解析RSS的方法
2015/03/05 PHP
php装饰者模式简单应用案例分析
2019/10/23 PHP
用javascript实现的激活输入框后隐藏初始内容
2007/06/29 Javascript
JS 文件本身编码转换 图文教程
2009/10/12 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
2013/08/12 Javascript
vue.js绑定class和style样式(6)
2016/12/09 Javascript
AngularJS常见过滤器用法实例总结
2017/07/06 Javascript
关于Webpack dev server热加载失败的解决方法
2018/02/22 Javascript
vue.js 实现点击展开收起动画效果
2018/07/07 Javascript
浅析vue中的provide / inject 有什么用处
2019/11/10 Javascript
jQuery实现B2B网站后台管理系统侧导航
2020/07/08 jQuery
详细分析vue表单数据的绑定
2020/07/20 Javascript
python发送HTTP请求的方法小结
2015/07/08 Python
Python模拟脉冲星伪信号频率实例代码
2018/01/03 Python
python中的变量如何开辟内存
2018/06/26 Python
浅谈Python中函数的定义及其调用方法
2019/07/19 Python
pygame实现俄罗斯方块游戏(对战篇1)
2019/10/29 Python
Python 读取 YUV(NV12) 视频文件实例
2019/12/09 Python
canvas实现漂亮的下雨效果的示例
2018/04/18 HTML / CSS
WiFi云数码相框:Nixplay
2018/07/05 全球购物
廉价连衣裙和婚纱礼服在线销售:Tbdress
2019/02/28 全球购物
龟牌英国商店:Turtle Wax Brand Store UK
2019/07/02 全球购物
学生个人求职自荐信格式
2013/09/23 职场文书
行政专员岗位职责
2014/01/02 职场文书
《孙权劝学》教学反思
2014/04/23 职场文书
中学生励志演讲稿
2014/04/26 职场文书
餐饮商业计划书范文
2014/04/29 职场文书
实习公司领导推荐函
2014/05/21 职场文书
机电专业毕业生求职信
2014/07/01 职场文书
没有孩子的离婚协议书怎么写
2014/09/17 职场文书
刑事代理授权委托书
2014/09/17 职场文书
焦裕禄纪念馆观后感
2015/06/09 职场文书
详解MySQL连接挂死的原因
2021/05/18 MySQL
postgresql无序uuid性能测试及对数据库的影响
2021/06/11 PostgreSQL
Python matplotlib可视化之绘制韦恩图
2022/02/24 Python