开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

当开关按钮打开或关闭时，调用两个不同的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按钮的“单击”事件处理创建时，如何防止打开新的选项卡或窗口？物联网设备视频应用新年活动

相关搜索:

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

有帮助

没帮助

相关·内容

WPF 开源控件库 Newbeecoder.UI推荐：开/关

用于显示两个独占选项。控制由按钮平滑地左右滑动的轨迹表示。这两个状态的内容可以根据它们的位置进行选择。该按钮源自我们的ToggleButton控件。由于继承，它具有ToggleButton控件的所有功能。，根据IsChecked实现滑动动作。

02

ToggleButton和Switch使用大全

上期学习了CheckBox和RadioButton，那么本期来学习Button的另外两个子控件ToggleButton和Switch，在开发中同样比较重要。一、ToggleButton ToggleButton（开关按钮）是Android系统中比较简单的一个组件，是一个具有选中和未选中双状态的按钮，并且需要为不同的状态设置不同的显示文本。当用户在两种状态间进行切换时会触发一个OnCheckedChange事件。 ToggleButton所支持的XML属性和相关方法如下表所示。 XM

05

Qt编写自定义控件42-开关按钮

从2010年进入互联网+智能手机时代以来，各种各样的APP大行其道，手机上面的APP有很多流行的元素，开关按钮个人非常喜欢，手机QQ、360卫士、金山毒霸等，都有很多开关控制一些操作，在Qt widgets应用项目上，在项目中应用些类似的开关按钮，估计也会为项目增添不少新鲜感。

01

自定义View之Switch

那我们加入thumb和track属性看看效果，为了方便我们都用项目自带的机器人。效果如下：

03

Android 自定义Switch开关按钮的样式实例详解

本文主要讲的是在Android原生Switch控件的基础上进行样式自定义，内容很简单，但是在实现的过程中还是遇到了一些问题，在此记录下来，希望对大家能够有所帮助，看下效果图：

03

Android开发笔记（三十七）按钮类控件

Button是文本按钮（继承自TextView），而ImageButton是图像按钮（继承自ImageView）。两者之间的区别在于： 1、Button即可显示文本也可显示图形（通过设置背景图），而ImageButton只能显示图形不能显示文本； 2、Button可在文本周围区域显示小图，而ImageButton无法在某个区域显示小图； 3、ImageButton上的图像可按比例进行拉伸，而Button上的大图会拉伸变形（因为背景图无法按比例拉伸）；从上面可以看出，Button的适应面更广，所以实际开发中基本使用Button。 Button与ImageButton的单击方法是setOnClickListener，对应的监听器要实现接口View.OnClickListener。长按方法是setOnLongClickListener，对应的监听器要实现接口View.OnLongClickListener。下面是Button按键监听器的代码例子：

03

设计模式之外观模式

外观模式（Facade）是23种设计模式之一，也称为门面模式。DP中是这么定义外观模式的：

02

iOS开关按钮，纯CSS给你安排上了

今早搭完电梯出来信号不太好，切换飞行模式重启信号，发现iOS的「开关按钮」挺好玩的，顺便用纯CSS实现一番。

05

交互设计是什么：一篇文章推开交互设计的大门

大部分人应该都说不出来吧，于是我们去网上搜索下，比如在百度次条对交互设计的解释是这样的：

01

基于STM32的智能家居控制系统设计与实现(带红外遥控控制空调)

智能家居作为家庭信息化的实现方式，已经成为社会信息化发展的重要组成部分，物联网因其巨大的应用前景，将是智能家居产业发展过程中一个比较现实的突破口，对智能家居的产业发展具有重大意义。

01

android.support.v7.widget.SwitchCompat

SwitchCompat是符合谷歌Material design的Selection control组件，与传统的Switch以及ToggleButton不同，v7包中的这个组件兼容了绝大多数低版本手机，令组件的兼容性得到了极大的提升。

03

Android自己定义控件系列二：自己定义开关button（一）「建议收藏」

这一次我们将会实现一个完整纯粹的自己定义控件，而不是像之前的组合控件一样。拿系统的控件来实现。计划分为三部分：自己定义控件的基本部分，自己定义控件的触摸事件的处理和自己定义控件的自己定义属性；

02

便携式钻孔测斜仪数据采集仪的使用方法

开机前，请将测斜探头连接到采集仪传感器接口上。禁止开机后带电插拔探头。按下电源开关按钮，电源指示灯亮（按钮外环），主设备通电，屏幕启动，操作系统启动完成后，若设置了测斜程序自动启动则进入测斜仪程序主界面，否则进入操作系统桌面。

04

泛在可用媒体播放器

我们期望的媒体播放器应该是能被尽可能多的用户使用，不管他们处于何种环境，而不是假设每个用户以完全相同的方式与媒体播放器交互。如何实现？我们分解成了三个步骤。

01

电子设备日常使用总结

开启降噪后，线插入充电的设备手机电脑中能够听到电流的嗡嗡声，关闭降噪恢复正常（当然无降噪效果了）因此蓝牙状态更加常用底部最后一个按钮为降噪开关，长按有声音提示，白色指示灯亮起即表示打开其他+ – 播放暂停，最上方为耳机开关按钮，轻轻推动即可。闪烁蓝光表示配对状态，可长按倒数第二个附带蓝牙标志的按钮，效果等同蓝光恒亮即表示配对成功

04

C#自定义开关按钮控件--附带第一个私活项目截图

进入智能手机时代以来，各种各样的APP大行其道，手机上面的APP有很多流行的元素，开关按钮个人非常喜欢，手机QQ、360卫士、金山毒霸等，都有很多开关控制一些操作，在WINFORM项目上，如果将CheckBox也改为开关按钮，估计也会为项目增添不少新鲜感，上个月接了个私活，金额虽然只有3K，与硬件通信方面的，本人在这块做了三年，所以做起来还是比较顺手，前后用下班时间，大概花了3个星期（包含测试一个多星期）搞定，里面就重写了部分控件，以适应项目需要。

01

JavaScript 中如何使用状态模式简化对象

英文 | https://medium.com/frontend-canteen/simplify-your-object-with-state-pattern-in-javascript-8674ff46edb1

02

[ISUX译]iOS 9人机界面指南(四)：UI元素（下）- 腾讯ISUX

文章索引 4.3 控件 4.3.1 活动指示器 4.3.2 添加联系人按钮 4.3.3 日期时间选择器 4.3.4 详情展开按钮 4.3.5 信息按钮 4.3.6 标签 4.3.7 网络活动指示器 4.3.8 页面控件 4.3.9 选择器 4.3.10 进度视图 4.3.11 刷新控件 4.3.12圆角矩形按钮 4.3.13 分段控件 4.3.14 滑块 4.3.15 步进器 4.3.16 开关按钮 4.3.17 系统按钮 4.3.18文本框 4.4.1 警告框 4.4.2 操作列表 4.4.3模态视图

03

teprunner测试平台定时任务这次终于稳了

teprunner测试平台已经有一个多月没有更新了，主要原因是定时任务不够稳定，经过反复试错，找到了解决办法，这次终于稳定了。

02

pdf文件用什么方式打开-电脑上的PDF怎么都变成Edge浏览器打开了？怎么更改PDF文件打开方式？

近段时间发现每次设置完PDF格式文件的打开方式一段时间后又变成了默认Edge浏览器打开了，网上看到有很多用户跟懿古今一样总是被Edge浏览器修改PDF默认打开方式pdf文件用什么方式打开，目前还没有特别有效的方法，除非删除Edge浏览器。不过，如果你电脑上的PDF也变成Edge浏览器打开的话，不妨参考以下步骤设置一下看看是否有效果。

01

win11怎么关闭病毒和威胁防护?

win11怎么关闭病毒和威胁防win11怎么关闭病毒和威胁防护?随着Windows11的发布，微软为我们带来了许多新功能和改进，其中包括更强大的病毒和威胁防护功能。有时候您可能希望关闭这些功能，以便获

05

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

还记得Jungle曾经设计的Qt图片浏览器吗？鼠标点击“上一张”，浏览上一张图片；点击“下一张”，浏览下一张图片；点击“自动播放”，则自动从上到下播放每一张图片。是不是很有趣的一个小程序？

03

不会修电视机的程序员不是好修理工

大姑：哦，好吧。。。（此刻心里的想法可能是：这娃肯定是学校成绩不好，没学到东西，在找借口）

07

iOS UISwitch 用法总结原

- (instancetype)initWithFrame:(CGRect)frame;

03

白话设计模式之命令模式

命令模式将需要执行的命令进行封装，请求方发送请求，接收方收到请求后执行请求，命令模式使请求者和接收者不用关心怎么调用和执行，只需要执行即可，屏蔽了实现，使请求方和接收方彻底的解耦，现实中也随处可见命令模式的使用，比如我们使用的电视机，我们只需要按下遥控器的按钮，便可以实现开关机，换台，调声音等，我们使用的空调，电磁炉，电饭煲也是如此，并不需要我们去将这根线和那根线结合，而是按相应的按钮即可。

02

《Monkey Android》第14课ToggleButton和RatingBar

ToggleButton，状态开关按钮，例如ON/OFF，它允许用户在两者之间进行切换。 Switch，开关，类似于生活中的白色墙壁开关。

04

android开关按钮

刚开始接触开关样式的按钮是在IOS系统上面，它的切换以及滑动十分帅气,深入人心。所谓的开关按钮，就是只有2个状态：on和off，下图就是系统IOS 7上开关按钮效果。起初我在android上我只会使用CheckBox去满足对应的功能。后来，查看开发文档发现，android也有了自己的原生态开关控件，并且在4.0版本中又优化加入了新的类似控件--Switch控件，以及使用起来十分简单的ToggleButton，可是它们只是带有切换效果，而不带有滑动切换效果，并且Switch控件只支持高版本的系统，对于2.

08

SwitchButton 开关按钮的多种实现方式

刚开始接触开关样式的按钮是在IOS系统上面，它的切换以及滑动十分帅气,深入人心。所谓的开关按钮，就是只有2个状态：on和off，下图就是系统IOS 7上开关按钮效果。起初我在android上我只会使用CheckBox去满足对应的功能。后来，查看开发文档发现，android也有了自己的原生态开关控件，并且在4.0版本中又优化加入了新的类似控件--Switch控件，以及使用起来十分简单的ToggleButton，可是它们只是带有切换效果，而不带有滑动切换效果，并且Switch控件只支持高版本的系统，对于2

07

电脑定时开机方法「建议收藏」

首先开机后按住Delete键，就是平常常用的删除按键(见图1)，然后就会进入到BIOS界面。虽然是一个满眼E文的蓝色世界，但不要害怕，没有问题的。图2 在BIOS设置主界面中选择“Power”选项(见图2)，进入电源管理窗口。有些机器是在“Power Management Setup”里面。图3 默认情况下，“Automatic Power Up(定时开机，有些机器选项为Resume By Alarm)”选项是关闭的，将光标移到该项(见图3)，用“Pagedown”键将“Disabled”改为“Enabled”。图4 此时“Automatic Power Up”选项会弹出一个菜单，里面有三项选择：“Disabled、Every Day和By Date”(见图4)，意思是“禁止、每天和指定日期”。对于上班族来说，我们推荐第二项，这时会跳出一个日期和时间设置。图5 恭喜您，大功已经告成一半了，这时将光标先移到“Time Alarm(开机时间)”上，用“Pageup”、“Pagedown”设定好(见图5)。如果您设定的是制定日期，则还要在“Date Alarm(开机日期)”上做一个设定。当然，不同的主板功能有差异，有的每设置一次，只能使用一次，而有的可以设置一个周期。图6 最后一步了，这回真的要大功告成了，就是选择“Exit Saving Changes”(见图6)，保存并退出，大部分机器都有热键，一般都是F10。接着机器会重新启动，OK，恭喜你，你的机器可以自动上班了。怎么样，你现在的机器是否可以每天自动开工了呢，当然前提是你也不要迟到呀，否则就算它开机了还是在那里漫长的等待，别指望它能自己干活呦。最后提醒大家一句，就是在周末的时候一定要想着关闭电源，否则周六它还是会按时开机的，虽然可以再设BIOS关闭，但总归没有关闭电源来的容易，您说呢

02

服务器运行过程中卡死，强行重启后，无法启动，里面有金蝶ERP，客户慌了。

今天有一新客户，是苏州某苗圃公司，经同行介绍，搬来一台组装的服务器，采用的是华硕P8B-X主板，开机后发现，刚看到主板信息，就直接重启了。拔掉主板上的power、reset插针，取下钮扣电池，换上我们的主机电源，重新开机。机器不再无故重启了，但是提示操作系统不存在，看了一眼，有三块机械硬盘，问客户，是不是组了RAID，回答说一开始做的，后来重新搞过一次，不知道还有没有RAID。技术员插优盘进PE，打开DiskGenius看了一眼，前面两块硬盘显示出同样的分区信息：2个分区，一个是100多G，剩下空间为另一分区，但是提示分区表错误，没有任何内容。而后面一块硬盘，直接是显示空白，未分区状态，此时客户很慌。

03

Flat风格的Qml开关按钮

可以打开或关闭的开关按钮，使用Qml的Switch控件修改而成。 0x00 Switch按钮代码 import QtQuick 2.0 import QtQuick.Controls 2.0 Swi

01

为什么说设计模式和算法是工程师的左右腿？

我们的公众号之前都是讲算法技巧，并且尽量将算法和实际问题联系起来，今天就聊聊我用设计模式简化解决的一些实际问题，以及一些学习资料的推荐。

04

交互是如何塑造优质的产品细节的？

最好的产品通常会做好两件事情：功能和细节。功能能够吸引用户关注这个产品，而细节则能够让关注的用户留下来。”Dan Saffer 的这句话阐明了许多成功产品的秘诀。值得注意的是，功能和细节两者都很重要，但是功能居首，细节次之。不过，让用户喜欢或者讨厌一个APP或者网站，往往缘起于细节。随着网站交互设计和动效的大规模普及，我们现在所看到的许多细节设计，都可以归类于微交互。虽然在整体性的设计当中，微交互似乎显得微不足道，但是整个产品体验，与之息息相关。今天的文章，我们将会探讨微交互是如何塑造优质的产品细节的。微

05

小米路由器访客WiFi的设置方法

1、首先，在此之前，请先将小米路由器的ROM版本升级到最新的开发版本，切记一定是开发版本，因为稳定版本没有这个功能，然后登陆路由器后台管理页面，输入管理密码以后就可以顺利登陆啦。

03

2-STM32物联网开发WIFI(ESP8266)+GPRS(Air202)系统方案基础篇(项目功能演示--Wi-Fi )1-STM32物联网开发WIFI(ESP8266)+GPRS(Air202)系

这节演示 STM32采集的温湿度数据通过WIFI模块传给手机APP,APP上有个开关按钮,发指令给WIFI模块,然后发给STM32.

02

咸鱼的 Github 情报 | 加速！加速！加速！dev-sidecar 开发者边车（开发必备）

开发者边车，命名取自service-mesh的service-sidecar，意为为开发者打辅助的边车工具通过本地代理的方式将https请求代理到一些国内的加速通道上

03

Android动画：模拟开关按钮点击打开动画（属性动画之平移动画）

07

在Android设备使用Postern实现按规则切换网络

Postern是一款强大的Android网络工具，除了全局网络功能外，它还提供了网络分流的功能，可以按照规则切换网络，实现灵活的网络访问控制。本文将详细介绍如何在Postern中配置网络分流规则，帮助我们实现按规则切换网络，提升网络访问的灵活性和自由度。

04

看了这三个问题，你就知道UX设计师如何起步

如何成为一个合格的UX设计师，怎样才能从菜鸟转变为设计高手，每天都有无数的设计师思考着同样的问题。凡事要做好，必须得回答这三个问题：做什么？怎么做？用什么做？看了这三个方面的问题，你就应该能够明白如何起步了。为此，笔者收集了一些资源并且做了归纳，希望对你可以有所帮助。一、做什么？既然是一名UX设计师，那么首先，你要知道什么是UX，以及UX和其它岗位的区别。 The Difference Between UX and UI Design-A Layman’s Guide 这篇文章中主要讲解

04

看了这三个问题，你就知道UX设计师如何起步

如何成为一个合格的UX设计师，怎样才能从菜鸟转变为设计高手，每天都有无数的设计师思考着同样的问题。凡事要做好，必须得回答这三个问题：做什么？怎么做？用什么做？看了这三个方面的问题，你就应该能够明白如何起步了。为此，笔者收集了一些资源并且做了归纳，希望对你可以有所帮助。

04

CSS实现8种炫酷按钮

在各种UI组件库大行其道的今天，大家已经很少自己用CSS去实现一些效果了，久而久之CSS的水平也越来越退步，所以有空还是得练练。今天给大家分享8种炫酷按钮的CSS实现。

01

各位火绒弹窗拦截使用达人，这些隐藏小技巧你知道吗？

本期互动话题：你遇到过最讨厌的弹窗广告是什么呢？在评论区告诉我们，我们会抽一位小伙伴送出火绒定制礼品一份哦。周一开奖哦~

03

文档和元素的几何滚动

当浏览器在窗口中渲染文档时，它将会创建文档一个视觉表现层，在哪里每个元素都有自己的位置和尺寸。通常web应用程序将文档看做元素的树。

00

Android开发CompoundButton抽象类控件类的使用UI之Radio、Check、Toggle[通俗易懂]

大家好，又见面了，我是你们的朋友全栈君。本篇文章就讲解了一下CompoundButton抽象类下的三个实现控件类的使用，在Android4.0之后，又新加入了一个控Switch，对它的使用与之上介绍的三个控件类似，这里就不再详细讲解了。

01

3-STM32物联网开发WIFI(ESP8266)+GPRS(Air202)系统方案基础篇(项目功能演示--GPRS )

这节演示 STM32采集的温湿度数据通过GPRS模块传给手机APP,APP上有个开关按钮,发指令给GPRS模块,然后发给STM32.

03

罗技键盘手机app_罗技k480键盘教程

前言：相信有很多平板用户都羡慕华硕推出的一款带外接键盘功能的平板吧，现在不用垂涎欲滴了，因为罗技已经看到平板电脑用户群中对外接键盘输入的需求，推出了罗技平板电脑键盘，下面就和我们一起关注一下吧。

01

Figma Variants组件集/变体组件(四)

Figma 官方对其超级组件使用的说明，害怕英文的同学可以查看这个链接，有个老哥已经将原版的翻译了一遍：https://www.figma.com/community/file/906004463907915536

02

Android 天气APP（三十四）语音搜索

在上一篇文章中，给天气APP添加了语音播报的功能，但是主页面要是想去切换城市除了已有常用城市以外，切换城市和搜索城市需要的操作都太多了，因此通过语音来搜索城市，然后查询天气无疑可以简化操作步骤。

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭