开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

当开关按钮打开或关闭时，调用两个不同的urls

当开关按钮打开或关闭时，调用两个不同的URLs，可以通过前端开发和后端开发实现。

前端开发方面，可以使用HTML、CSS和JavaScript来创建一个开关按钮，并添加相应的事件监听器。当按钮状态改变时，可以通过JavaScript代码调用不同的URLs。

以下是一个示例的前端代码：

<!DOCTYPE html>
<html>
<head>
  <title>开关按钮</title>
  <style>
    .switch {
      position: relative;
      display: inline-block;
      width: 60px;
      height: 34px;
    }

    .switch input {
      opacity: 0;
      width: 0;
      height: 0;
    }

    .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      -webkit-transition: .4s;
      transition: .4s;
    }

    .slider:before {
      position: absolute;
      content: "";
      height: 26px;
      width: 26px;
      left: 4px;
      bottom: 4px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
    }

    input:checked + .slider {
      background-color: #2196F3;
    }

    input:focus + .slider {
      box-shadow: 0 0 1px #2196F3;
    }

    input:checked + .slider:before {
      -webkit-transform: translateX(26px);
      -ms-transform: translateX(26px);
      transform: translateX(26px);
    }

    /* 根据按钮状态调用不同的URL */
    input:checked + .slider {
      /* 调用打开时的URL */
      /* 例如：window.location.href = 'https://www.example.com/open'; */
    }

    input:not(:checked) + .slider {
      /* 调用关闭时的URL */
      /* 例如：window.location.href = 'https://www.example.com/close'; */
    }
  </style>
</head>
<body>
  <label class="switch">
    <input type="checkbox">
    <span class="slider"></span>
  </label>
</body>
</html>

在上述代码中，我们创建了一个开关按钮，并使用CSS样式美化按钮的外观。通过JavaScript代码中的注释部分，可以根据按钮的状态调用不同的URLs。你可以根据实际需求修改这部分代码，将URLs替换为你需要调用的具体URL。

至于后端开发方面，你可以使用任何你熟悉的后端编程语言和框架来处理前端发送的请求，并根据请求的内容调用相应的URLs。具体的实现方式会根据你选择的后端技术而有所不同。

总结起来，当开关按钮打开或关闭时，可以通过前端开发和后端开发实现调用两个不同的URLs。前端开发可以使用HTML、CSS和JavaScript创建开关按钮，并通过JavaScript代码根据按钮状态调用不同的URLs。后端开发可以使用后端编程语言和框架处理前端发送的请求，并根据请求的内容调用相应的URLs。

相关搜索:仅当特定列在同一天内有两个或更多不同的ip_address时才选择记录当单击两个不同的按钮时，React Hook从APi获取数据当导航栏因单击而关闭时，如果单击的是这样的项目，我如何关闭以下链接或执行按钮？当打开我的网站时，打开一个带有两个选项的弹出窗口接受cookies或如果cookies被禁用，则在没有允许cookies的情况下不使用我们的网站当按下注销按钮时，如何关闭所有打开的窗体/报表等？当来自两个不同活动的两个单选按钮被单击时，如何在新活动中显示文本？当来自两个食谱的两个不同的资源具有相同的名称时，我如何指定调用哪个资源？当点击按钮或图标时，我想在我的移动设备中使用ionic中的angular js打开uber移动应用程序当超链接行为实际上是通过HTML按钮的“单击”事件处理创建时，如何防止打开新的选项卡或窗口？物联网设备视频应用新年活动

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

【Flutter】自定义滚动开关

switch是两个状态的UI组件，用于在ON（选中）或OFF（未选中）状态之间切换。通常，它是带有拇指滑块的按钮，用户可以在其中来回拖拉以选择其他选项，例如“开”或“关”。...LiteRollingSwitch有一些属性是： **onChanged：**当用户打开或关闭开关时，将调用此属性。 **value：此属性用于确定此开关是打开还是关闭。...*我们将添加textOn是字符串' Yes '表示当开关打开时，文本将显示在按钮上；当textOff是字符串' No '意味着当开关关闭时，文本将显示在按钮上。...我们将添加colorOn表示，当开关处于打开状态时，颜色将显示在按钮上；当colorOff意味着当开关处于关闭状态时，颜色将显示在按钮上。...我们将添加animationDuration手段来延迟动画的开始并添加onChanged表示用户打开或关闭开关的时间。当我们运行应用程序时，我们应该获得屏幕的输出，如屏幕下方的截图所示。

33.3K6 0

Android widget之CompoundButton

大家好，又见面了，我是你们的朋友全栈君。简介具有两个状态的按钮，已选中或未选中。当按下或点击按钮时，状态会自动更改。...RadioButton 单选按钮：是可以选中或取消选中的双状态按钮。当单选按钮被取消选中时，用户可以单击来选中它。注：单选按钮通常与RadioGroup在一起使用。...Switch 开关：是一个双状态切换开关小部件，可以在两个选项之间进行选择。用户可以来回拖动“拇指”来选择所选择的选项，或者只需轻按以切换，就像复选框一样。...) 当开关处于关闭状态时使用的文本 android:textOn setTextOn(CharSequence) 当开关在开打状态时使用的文本 android:track setTrackResource...(int) 开关拇指滑动的“轨迹” ToggleButton 显示打开/关闭的状态的按钮，默认情况下伴随文本“ON”或“OFF”。

2.3K2 0

后台系统设计（上篇：选择）

·标签文本使用正面肯定的措辞，以便用户清楚的知道打开复选框将会发生什么。避免使用否定的表达，例如「同意条款」而不是「不同意条款」或是「打开通知」而不是「关闭通知」等等。...四、 Switch 切换开关用于打开或关闭二元操作的切换选项。外观常规： ? 带文本或图标： ? 最佳用法 ·左/灰为关，右/彩为开。...·在用户与切换开关交互时，请提供良好视觉反馈，且切换开关本身状态提供良好的能供性（关闭、开启、禁用）。讨论：切换开关在用户更改后立即触发命令执行？此说法并非绝对。...最佳用法 ·在较小的空间下，对多个选项进行选择或内容较为次要且不需要一直显示时，下拉菜单是不错的选择。若选项较少，考虑使用单选框（当进行单项选择时）或复选框（当进行多项选择时）。...例如，按照重要程度或被选择程度（可能性）进行排列。 ·对于大多数操作，当单击菜单或以外区域，菜单应该收起关闭；如果点击的菜单项是多选操作，则菜单应保持打开状态。

9.7K2 1

ToggleButton和Switch使用大全

上期学习了CheckBox和RadioButton，那么本期来学习Button的另外两个子控件ToggleButton和Switch，在开发中同样比较重要。...一、ToggleButton ToggleButton（开关按钮）是Android系统中比较简单的一个组件，是一个具有选中和未选中双状态的按钮，并且需要为不同的状态设置不同的显示文本。...XML属性相关方法说明 android:checked setChecked(boolean) 设置该按钮是否被选中 android:textOff 设置当该按钮的状态关闭时显示的文本 android...:textOn 设置当该按钮的状态打开时显示的文本接下来通过一个简单的示例程序来学习ToggleButton的使用用法。...setSwitchTextAppearance(Context, int) 设置该开关图标上的文本样式 android:textOff setTextOff(CharSequence) 设置该开关的状态关闭时显示的文本

2.5K5 0

作为程序员的你，必须要知道命令模式！

用户每次触摸（touch）开关，都可以打开或者关闭电灯或者电扇。本实例的UML图如上所示。抽象命令类仅声明execute()接口。...，在给调用者注入命令时，再将命令类具体化（这也就是定义中“可用不同的请求对客户进行参数化”的体现）。...比如按钮开关同时控制电灯和风扇，这个例子中，请求发送者是按钮开关，有两个接收者产生响应，分别是电灯和风扇。...下面的例子展示了按钮开关请求时，电灯和风扇同时作为请求的接收者。...宏命令通常不直接与请求者交互，而是通过它的成员来遍历调用接收者的方法。当调用宏命令的execute()方法时，就遍历执行每一个具体命令对象的execute()方法。

3013 0

什么是开关弹跳以及如何使用去抖电路防止它

当我们按下按钮或拨动开关或微动开关时，两个金属部件会接触以使电源短路。但是它们不会立即连接，而是金属部件在实际稳定连接之前连接和断开几次。释放按钮时会发生同样的事情。...这会导致错误触发或多次触发，例如多次按下按钮。这就像一个弹跳球从高处落下，它一直在表面弹跳，直到静止。图片简单地说，我们可以说开关弹跳是任何开关的非理想行为，它会生成单个输入的多个转换。...当我们处理电源电路时，开关跳动不是主要问题，但当我们处理逻辑或数字电路时，它会引起问题。因此，为了消除电路中的弹跳，使用了开关去抖动电路。什么是软件去抖？...RC去抖动RC 仅由其名称定义，该电路使用 RC 网络来防止开关弹跳。电路中的电容滤除开关信号的瞬时变化。当开关处于打开状态时，电容器两端的电压保持为零。...最初，当开关打开时，电容器通过 R1 和 R2 电阻器充电。图片当开关闭合时，电容器开始放电至零，因此反相施密特触发器输入端的电压为零，因此输出变为高电平。

2.3K4 0

Head First设计模式——命令模式

当下载按钮被按下的时候，就调用设置的具体执行对象（接收者）来执行下载的处理。...简单粗暴的解决方案可以对开关做一个标识，当某个开关被按下时根据开关类型进行if判断。...这就是“聪明”命令对象，上面我们实现的是“傻瓜”命令对象。这个稍后再说，我们先看命令模式定义和画出类图。命令模式：将“请求”封装成对象，以便使用不同的请求、队列或日志来参数化其他对象。...定义两个数组用来记录开关对应的命令对象。...，避免为空报错或者消除开关调用命令对象时检查对象是否为空的判断。

3893 0

Flutter 全栈式——基础控件

因此，当遇到带有这两个单词开头的控件时，我们应该明确他们表达的意思。...focusColor Color 获取焦点时按钮颜色 splashColor Color 水波纹效果的初始化颜色 hoverColor Color 当指针悬停在按钮上时的填充颜色 highlightColor...onChanged ValueChanged 开关状态变化回调 activeColor Color 打开状态的颜色 activeTrackColor Color 打开状态时轨道上的颜色。...inactiveThumbColor Color 关闭状态按钮的颜色 inactiveTrackColor Color 关闭状态轨道颜色 activeThumbImage ImageProvider 打开状态下按钮图片...的属性较少属性名类型简述 value bool 当前开关状态 onChanged ValueChanged 开关状态变化回调 activeColor Color 打开状态的颜色

3.8K4 0

串口助手(简洁版)上位机软件零基础教程（ C# + visual studio2017 ）（二）

3.串口开关按键按下事件（程序）在GUI界面中，我们做了一个“”打开串口“”按键，用于打开上位机串口。同样双击按键图标进入事件对应的程序段。...; //将串口开关按键的颜色，改为红色 button2.Text = "关闭串口"; //将串口开关按键的文字改为 “关闭串口”...3.打开串口后，串口开关按键的颜色和文字就已经在程序中被修改了，而且还让两个组合框发灰，变成不可操作状态 4.发送按钮按下事件（程序）当按下串口发送按键后，就需要将发送文本框中的数据通过串口发出。...串口接收到数据事件（程序）当串口接收到数据时，会调用串口接收到数据的事件函数，串口接收代码段的打开方式和其他的有所不同，双击图标并不会进行代码段的创建，需要注意一下。...; //将串口开关按键的颜色，改为红色 button2.Text = "关闭串口"; //将串口开关按键的文字改为 “关闭串口”

3.2K1 0

Excel事件（一）基础知识

一、事件定义 “Excel事件”类似日常用的开关。比如按钮开关，声控开关，温控开关，甚至定时开关等多种类型。...在某种条件时触发开关，导致后续的动作结果，比如灯亮起或关闭，电热水器开始或停止加热，空调定时打开或关闭等等。 “Excel事件”在VBA程序中也担当了开关的角色。...1、工作簿事件工作簿事件是发生在特定的工作簿中，工作簿事件代码必须在Thisworkbook对象代码模块中编写，比如open（打开工作簿），beforeclose（关闭工作簿）和sheetactive...右侧会出现一个窗体，并带有工具栏，可以在窗体上添加各种窗体控件，示例中添加了一个命令按钮commandbutton1和复选框checkbox1。（这里添加的命令按钮和以前用的表单控件有所不同）。...窗体创建后，编写窗体和代码的事件代码时，就需要打开窗体的代码窗口。在窗体上双击即可。或者在工程资源管理器，右侧选中相应的窗体，示例中只有一个即userform1。鼠标右键单击选择查看代码。

2.1K4 0

西门子PLC故障安全功能-SFDOOR（附功能块案例下载）

限位开关是最常见的安全门联锁设置，通常在门上安装两个相对的限位开关。当打开或关闭门时，只有一个限位开关会关闭，如下图所示。图 1 显示，当门打开时，开关 1 将被关闭，开关 2 将打开。...当门关闭时，情况相反，开关 1 打开，开关 2 关闭。这种设置提供了额外的安全和监控级别，因为两个开关不能同时关闭或打开。如果发生这种情况，则表示其中一个开关出现故障，将触发安全功能。...打开安全主程序块 FB1，在右侧安全功能库中调用 SFDOOR 功能块将功能块拖拽到主程序当中该指令主要包含以下几个参数当输入 IN1 或 IN2 中一个信号状态为 0 时，使能信号 Q 将立即复位为...仅当发生以下情况时，使能信号才可复位为 1： • 在打开门之前，输入 IN1 和 IN2 的信号状态均为 0（安全门已完全打开） • 之后，输入 IN1 和 IN2 的信号状态将都为 1（安全门关闭）...• OPEN_NEC = 0 时，在重新集成相关的 F-I/O 后两个输入 IN1 和 IN2 首次具有信号状态 1（安全门关闭）时，将独立于 ACK_NEC，立即直接进行自动确认。

5193 0

设计模式之命令模式（二）

上一次留给大家去做的实践，不知道大家执行的怎么样了呢。我们通过一个简单的练习，完成了一个控制开关。那现在，我们打算将遥控器的每个插槽，对应到一个命令这样就要遥控器变成“调用者”。...当按下按钮，相应命令对象的execute()方法就会被调用，其结果就是，接收者（例如电灯、风扇、音响）的动作被调用。...) { onCommands[slot] = onCommand; offCommands[slot] = offCommand; } // 当按下开或关的按钮...别急别急，小编说的功能都会有的。撤销功能使用起来就是这样的：比如说客厅的电灯是关闭的，然后你按下遥控器上的开启按钮，自然电灯就被打开了。...之前我们用的是execute()方法实现开启或者关闭的调用，那么我们用undo()方法来执行撤销操作。

4343 0

最新iOS设计规范五｜3大界面要素：控件（Controls）

当列表中有详情展开按钮时，点击该按钮会显示附加信息，点击其他位置则选择行或APP的自定义行为。...当人用户为同一个项目启用这两个功能时，系统很难检测到用户的真正意图，这可能会让用户感到困惑。避免提供项目预览的操作按钮。...十四、开关（Switchs）开关主要用于两个互斥状态之间的视觉切换。 ? 自定义开关的视觉样式，使它与你的设计更协调。...根据设计风格，自定义开关在其关闭和打开时的背景颜色，可以使开关在APP中的体验更好。仅在列表中使用开关。开关用在列表中，例如可以打开和关闭的设置列表。...如果你需要工具栏或导航栏中使用类似功能，请改用按钮，并提供两个不同的图标来传达不同的状态。避免在开关中添加说明标签。关于开关的打开或关闭，用户是很明确的。

8.5K3 0

Python 设计模式-命令模式

所以，如果对每个按钮都存储一个命令对象，那么当按钮按下的时候，就可以请求命令对象做相关的工作。此时，遥控器并不需要知道工作的内容是什么，只要有个命令对象能和正确的对象沟通，把事情做好就可以了。...当按下按钮，相应命令对象的 execute() 方法就会被调用，其结果就是接收者(例如：电灯、风扇、音响)的动作被调用。 ?...self.on_commands[slot] command.execute() self.undo_command = command # 当按下开或关的按钮...命令对象持有对一个厂商类的实例的引用，并实现了一个 execute()。这个方法会调用厂商类实现的一个或多个方法，完成特定的行为，在这个例子中，有两个类，分别打开电灯与关闭电灯。...当我们执行命令时，将历史记录存储到磁盘，一旦系统死机，我们就将命令对象重新加载，并成批的依次调用这些对象的 execute() 方法。

4491 0

实时音视频开发学习5 - 实现分享、音频和音量

事件的触发一般放置客户端对象类的初始化当中，这样每当检测到对应音视频到改变时变化触发对应到事件。操作流程由于这两种情况类似，这里仅以音频的打开关闭为例。...当UI界面的麦克风按钮点击时，修改isMicOn标志，默认为true，并切换音频按钮图片。...调用对应的关闭或打开音频的方法，同时出发对应的关闭或打开时间出发初始化阶段监听的音频打开和禁用的事件媒体轨道方法当我们使用muteVideo时并不会关闭摄像头，而我们的做法也只是给摄像头添加了一层遮罩...在common.js中对该按钮进行事件监听，每次点击该按钮时，判断标志isVideoTrack会在false和true之间进行替换，从而达到实现进入和退出的效果。...当点击对应模式时，会以红色的高亮形式进行显示 UI界面：内部代码：操作流程首先在RtcClient客户对象中封装好对应的方法，该方法对传入过来的videoType值进行判断，根据不同的模式调用

1.5K6 0

泛在可用媒体播放器

这些组件的设计实际上是基于是物理设计的隐喻，以按钮为例，多数组件都被设计为按钮，但这可能会产生误导，可能不会告诉你足够的信息，因为按钮起作用有很多种形式，像瞬时开关，锁定开关，交替开关，这些控制方法被对应到控制不同的功能...瞬时按钮在播放器中，当你向前或向后搜索时，它们是瞬时按钮，因为你点击它们，一个动作发生，再次点击它们，同样的动作发生。...开关按钮一个锁定按钮的例子是关闭字幕按钮，我们可以确定这是一个锁按钮是因为它在视觉上表现为按下或未按下，一般来说，锁定按钮代表的是打开或关闭的东西。...(aria-label = "NOUN", aria-checked = "true|false") 交替按钮交替按钮不是表示某事物处于开启或关闭状态，其中一些可以建模为全屏打开、全屏关闭或静音打开、...例如，当按钮有播放图标时，如果我按下它，这意味着它将播放视频。然后显示暂停按钮图标。如果我按下它，它将暂停视频。

1.2K1 0

- MQTT协议是如何工作的 ?

所以，让我们分别进入每一个：较慢：因为它使用更大的数据包与服务器通信。开销：HTTP请求在每个请求时打开和关闭连接，而MQTT保持在线以使通道始终在代理“服务器”和客户端之间打开。...步骤：下载后，打开应用程序。然后按“+”按钮输入代理验证数据。按如下方式输入代理数据“这些数据当然与您的数据不同”。你必须输入密码，大写或小写字母不一样。...然后用Panel名称填写字段，填写“switch”的主题，当开关打开时要发送的消息“在此处调用Payload on”以及当开关关闭时要发送的消息“在这里调用有效负载“ 完成后，按“创建”。...当您按下开关使其打开时，设备将发布一条消息，该消息在“切换器”主题上“打开”。您将在WebSocket UI中清楚地看到它。...当您在主题“传感器”上从WebSocket UI发布消息“20”或任何其他号码时，设备订户“gauge”将获得此消息并将值更新为该号码。此外，您必须像此图像一样绘制您的物联网结构。

2.6K2 0

**水厂项目PLC系统调试方案

当转换开关打到远程时，就只能在上位机图控上进行控制，此时又分为手动和自动两种模式，手动模式下，就只能在图控上点击相应阀门的开阀和关阀按钮控制阀门的开关，自动模式下，程序会自动按设定好的时间进行自动开启和关闭相应的阀门...，下一次有滤格进入反冲洗状态时运动的则是 3号反冲泵与1号鼓风机，反冲洗的流程为气冲-混冲-水冲，当有滤格进入反冲洗状态时，首先关闭进水阀，全开清水阀，至液位降低至设定的反冲水位时打开排水阀，关闭清水阀...，打开鼓风机与反冲气阀，进入气冲状态，气冲时间到位后打开反冲泵与反冲水阀，进入混冲状态，混冲时间到位后关闭反冲气阀和鼓风机，进入水冲状态，水冲完成后关闭反冲泵与反冲水阀以及排水阀，打开进水阀，重新进入正常运行模式...在自动运行反冲程序之外，鼓风机和反冲泵在现场的启动柜上可以切换就地/远程，每个滤格都各有一个操作台，在操作台上可以切换各个阀门的就地/远程状态，当阀门在就地状态时，通过现场的启动按钮进行启动，当转换开关打到远程时...1）送水泵调试送水泵有就地和远程两种控制方式，在现场有两个变频柜和一个软启柜，变频器频率通过PLC进行给定，可以选择就地/远程控制方式，当就地控制时，送水泵通过现场按钮进行启动。

1.1K2 0

设计模式-命令模式

场景模拟一个全能遥控器 6个可编程插槽（每个可以指定一个不同的家电装置），用来控制家电（电视、空调、冰箱、音响）。每个插槽有对应的 [开] 和 [关] 按钮。同时还具备一个整体一键撤回按钮。...撤回需求是这样的，比如电灯是关的，然后按下开启按钮电灯就开了。现在假如按下撤销按钮，那么上一个动作将会翻转。在这里，电灯将会关闭。 ? 插槽连接对应的家电，开关是对应的指令。...持有命令接受者灯的引用，从而当调用者调用 execute 将委托给对应的灯执行开灯操作。...、关闭电视机、打开空调、关闭空调的就不一一写了。...分别创建对应的【开】，【关】指令。链接到对应的插槽。当按下按钮的时候触发指定的指令。

3543 0

iPhone手机总是弹出输入ID密码怎么办？

如果您使用的是iPhone X或更新机型，请同时按住侧边按钮和任一音量按钮，直到出现滑动来关机。...重启iPhone.jpg 关机后稍等片刻，然后再次按住电源按钮或侧边按钮重新打开手机，问题可能会得到解决。如果没有，请尝试下一个解决方案。 2....关闭iMessage和FaceTime再重新打开当您的Apple ID有任何问题时，关闭再重新打开FaceTime和iMessage可能会解决问题。 iMessage：打开设置，然后轻点信息。...点击屏幕顶部iMessage旁边的开关将其关闭。再次轻点开关重新打开iMessage。 FaceTime: 打开设置并点击FaceTime通话。...然后，点击菜单顶部FaceTime通话旁边的开关将其关闭。等待几秒钟，然后再次点击开关以打开FaceTime。 FaceTime通话.jpg 5.

4.5K0 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭