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动态调整iframe高度的代码
Apr 10 Javascript
黑帽seo劫持程序,js劫持搜索引擎代码
Sep 15 Javascript
js+html5实现canvas绘制网页时钟的方法
May 21 Javascript
bootstrap输入框组代码分享
Jun 07 Javascript
Bootstrap轮播插件中图片变形的终极解决方案 使用jqthumb.js
Jul 10 Javascript
小程序开发实战:实现九宫格界面的导航的代码实现
Jan 19 Javascript
AngularJS Toaster使用详解
Feb 24 Javascript
详解vue2.0+vue-video-player实现hls播放全过程
Mar 02 Javascript
vue中使用element-ui进行表单验证的实例代码
Jun 22 Javascript
vue-cli3.0 环境变量与模式配置方法
Nov 08 Javascript
深入学习js函数的隐式参数 arguments 和 this
Jun 24 Javascript
用webAPI实现图片放大镜效果
Nov 23 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极大的增强功能和性能
2006/10/09 PHP
Zend Guard使用指南及问题处理
2015/01/07 PHP
php压缩和解压缩字符串的方法
2015/03/14 PHP
php简单smarty入门程序实例
2015/06/11 PHP
php pdo操作数据库示例
2017/03/10 PHP
php mysql_list_dbs()函数用法示例
2017/03/29 PHP
jQuery实现点击查看大图并以弹框的形式居中
2016/08/08 Javascript
JavaScript中常见的八个陷阱总结
2017/06/28 Javascript
基于jQuery Easyui实现登陆框界面
2017/07/10 jQuery
es6系列教程_ Map详解以及常用api介绍
2017/09/25 Javascript
Js面试算法详解
2018/04/08 Javascript
Vue-Cli 3.0 中配置高德地图的两种方式
2019/06/19 Javascript
layui.tree组件的使用以及搜索节点功能的实现
2019/09/26 Javascript
JS实现鼠标移动拖尾
2020/12/27 Javascript
[51:17]完美世界DOTA2联赛循环赛Inki vs DeMonsTer 第二场 10月30日
2020/10/31 DOTA
深入理解Javascript中的this关键字
2015/03/27 Python
在Python中使用SimpleParse模块进行解析的教程
2015/04/11 Python
python 限制函数调用次数的实例讲解
2018/04/21 Python
深入浅析Python获取对象信息的函数type()、isinstance()、dir()
2018/09/17 Python
python+splinter实现12306网站刷票并自动购票流程
2018/09/25 Python
pandas通过索引进行排序的示例
2018/11/16 Python
python爬虫基础教程:requests库(二)代码实例
2019/04/09 Python
详解python中递归函数
2019/04/16 Python
python儿童学游戏编程知识点总结
2019/06/03 Python
Python自动化操作实现图例绘制
2020/07/09 Python
详解CSS3的图层阴影和文字阴影效果使用
2016/06/09 HTML / CSS
软件测试题目
2013/02/27 面试题
教育局长自荐信范文
2013/12/22 职场文书
日语专业毕业生自荐书
2014/06/18 职场文书
领导干部学习“三严三实”思想汇报
2014/09/15 职场文书
四风问题对照检查材料整改措施
2014/09/27 职场文书
导游词之岳阳楼
2019/09/25 职场文书
浅谈Nginx 中的两种限流方式
2021/03/31 Servers
详解Python中__new__方法的作用
2022/03/31 Python
win10电脑双屏显示一个黑屏怎么办?win10电脑双屏显示一个黑屏解决方法
2022/07/15 数码科技
JDK8中String的intern()方法实例详细解读
2022/09/23 Java/Android