利用JavaScript设置隐藏功能

开发工具与关键技术： DW、JavaScript

作者：张秋豪

撰写时间：2021/5/13

一、在DW开发工具中新建一个html文档

然后给它设置一个div标签和一个按钮<button>标签

给它们设置类和Id，便于下一步设置功能。

二、因为是个小功能效果，所以直接在html文本中给个样式css标签（1）<style>和JavaScript标签（2）<script>,再给div设置宽、高和背景颜色。

三、Ctrl+s保存，去到浏览器看下效果。

四、在JavaScript标签<script>内设置功能：

display: none;隐藏 display: block;显示

（3）先声明俩个变量Id

var box=document.getElementById("dox")

var an=document.getElementById("an")

给按钮标签设置鼠标点击事件

（5）在（4）内给个判断功能（如果/否则）

五、整体代码如下：

六、最后我们到浏览器试下效果，如下图：鼠标点击按钮，看图箭头

七、效果如下：【可切换（隐藏/显示）】

利用JavaScript设置隐藏功能相关推荐

JavaScript：利用JavaScript实现的功能、算法和奇淫技巧（持续更新）
1.JavaScript:输入日期获得从该日期开始的一个月时间 function getNextMonth(time) {var arr = time.split(/-|\//),year = arr ...
(Demo分享)利用JavaScript（JS）做一个可输入分钟的倒计时钟功能
利用JavaScript(JS)实现一个可输入分钟的倒计时钟功能本文章为 Tz张无忌原创文章,转载请注明来源,谢谢合作! 网络各种利用JavaScript做倒计时的Demo对新手很不友好,这里我亲 ...
增大iphone音量技巧_原来苹果手机隐藏功能这么好用！调整这个设置，一键增大外放音量...
苹果手机是众所周知的流畅,但是很多朋友都说苹果手机只是流畅,实用功能并不多,其实iPhone手机的实用功能特别多,只是很多都隐藏起来,今天笔者就几个iPhone手机的隐藏功能,实用又有趣哦! 手持 i ...
锁屏界面显示某些设置已隐藏_iOS 14 隐藏功能，只要轻点手机背面就能截屏
关于 iOS 14 系统的一些功能我也为大家介绍了一些,iOS 14 已发布,界面大更新!其实除了之外,iOS 14 系统还有许多隐藏的功能.那么今天我就为大家介绍 iOS 14 系统的隐藏功能之一: ...
php cookie突然没,PHP利用Cookie设置用户30分钟未操作自动退出功能
登陆控制器需要做的登陆成功把用户ID等信息存入cookie: $this->systemSetKey(array('name'=>$admin_info['admin_name'], 'i ...
php登录后自动退出登录,PHP利用Cookie设置用户30分钟未操作自动退出功能
登陆控制器需要做的登陆成功把用户ID等信息存入cookie: $this->systemSetKey(array('name'=>$admin_info['admin_name'], 'i ...
苹果6设置流量显示无服务器,超实用！15个苹果手机的隐藏功能，不看你手机就白买了！...
原标题:超实用!15个苹果手机的隐藏功能,不看你手机就白买了! 平时出门什么都可以不带,除了手机 (小编的手机简直是长在了手上) 在用苹果手机的宝宝们知不知道你的苹果手机还有这些隐藏的功能? 快速 ...
微信隐藏功能系列：微信转账延迟到账怎么设置？担心转错？2步解决
有人说和发红包没什么区别,区别还是有的,我们给一个好友发微信红包过去,如果发错了金额或对象的话,那么对方是收红包界面是没有退还给你的选项的,但是转账却有.本期微信隐藏功能:微信转账延迟到账怎么设置? ...
android华为小艺唤起app,华为小艺使用教程：怎么设置唤醒，有哪些好玩的隐藏功能...
人工智能时代,各家手机厂商都研发了智能语音助手,华为也不例外.在2018年的时候,华为推出了小艺语音助手,并在随后登录了Mate系列手机.而在EMUI 10系统中,华为对小艺进行了升级,功能和易用性上 ...

利用JavaScript设置隐藏功能

利用JavaScript设置隐藏功能相关推荐

最新文章

热门文章