学习Excel技术，关注微信公众号： excelperfect 要在Excel工作表中获取最大值或最小值，我们马上就会想到使用MAX/MIN函数。...例如，下图1所示的工作表，使用公式： =MAX(A1:D4) 得到最大值18。 使用公式： =MIN(A1:D4) 得到最小值2。 ?...图1 然而，当遇到要在多个工作表中查找最大值或最小值时，该怎么做呢？例如，示例工作簿中有3个工作表：Sheet1、Sheet2和Sheet3，其数据如下图2至图4所示。 ? 图2 ? 图3 ?...图4 很显然，这些数据中最小值是工作表Sheet2中的1，最大值是工作表Sheet3中的150。 可以使用下面的公式来获取多个工作表中的最小值： =MIN(Sheet1:Sheet3!...A1:D4) 使用下面的公式来获取多个工作表中的最大值： =MAX(Sheet1:Sheet3!A1:D4) 结果如下图5所示。 ?
我们给出了基于在多个工作表给定列中匹配单个条件来返回值的解决方案。本文使用与之相同的示例，但是将匹配多个条件，并提供两个解决方案：一个是使用辅助列，另一个不使用辅助列。 下面是3个示例工作表： ?...图3：工作表Sheet3 示例要求从这3个工作表中从左至右查找，返回Colour列中为“Red”且“Year”列为“2012”对应的Amount列中的值，如下图4所示的第7行和第11行。 ?...图4：主工作表Master 解决方案1：使用辅助列 可以适当修改上篇文章中给出的公式，使其可以处理这里的情形。首先在每个工作表数据区域的左侧插入一个辅助列，该列中的数据为连接要查找的两个列中数据。...VLOOKUP函数在多个工作表中查找相匹配的值（1）》。...解决方案2：不使用辅助列 首先定义两个名称。注意，在定义名称时，将活动单元格放置在工作表Master的第11行。
在某个工作表单元格区域中查找值时，我们通常都会使用VLOOKUP函数。但是，如果在多个工作表中查找值并返回第一个相匹配的值时，可以使用VLOOKUP函数吗？本文将讲解这个技术。...最简单的解决方案是在每个相关的工作表中使用辅助列，即首先将相关的单元格值连接并放置在辅助列中。然而，有时候我们可能不能在工作表中使用辅助列，特别是要求在被查找的表左侧插入列时。...因此，本文会提供一种不使用辅助列的解决方案。 下面是3个示例工作表： ? 图1：工作表Sheet1 ? 图2：工作表Sheet2 ?...图3：工作表Sheet3 示例要求从这3个工作表中从左至右查找，返回Colour列中为“Red”对应的Amount列中的值，如下图4所示。 ?...B1:D10"),3,0) 其中，Sheets是定义的名称： 名称：Sheets 引用位置：={"Sheet1","Sheet2","Sheet3"} 在公式中使用的VLOOKUP函数与平常并没有什么不同
我们可能熟悉使用INDEX、SMALL等在给定单列或单行数组的情况下，返回满足一个或多个条件的值的列表。这是一项标准的公式技术。...本文提供了一种方法，在给定一个或多个相同布局的工作表的情况下，可以创建另一个“主”工作表，该工作表仅由满足特定条件的所有工作表中的数据组成。并且，这里不使用VBA，仅使用公式。...D2:D10"),"Y")) 如果不熟悉跨多个工作表使用公式的技术，那么应记下使用INDIRECT的这种公式构造，因为它实际上是我们执行此类计算的唯一方法。...即在工作表Sheet1中匹配第1、第2和第3小的行，在工作表Sheet2中匹配第1和第2小的行，在工作表Sheet3中匹配第1小的行。...在单元格A2中，COLUMNS($A:A)的值等于1，因此公式转换为： INDEX(Sheet1!A2:F10,1,1) 即工作表Sheet1中单元格A2的值。
DevTools会在样式表中检测媒体查询，并在顶端标尺中将它们显示为彩色条形 ? 用彩色标记的媒体查询示例如下： ?...在 Elements 面板中选择元素，然后在 Styles 窗格中点击 :hov 按钮，使用复选框启用或停用当前选定元素的选择器 ?...颜色值选择器。 点击可以在 RGBA、HSL 和十六进制之间切换。 调色板选择器。 点击可以选择不同的模板。 编辑 DOM Elements 面板中的 DOM 树视图可以显示当前网页的 DOM 结构。...会自动解析事件代码的框架或内容库封装部分，然后告诉您实际将事件绑定到代码中的位置 控制台面板（Console） 在开发期间，可以使用控制台面板记录诊断信息，或者使用它作为 shell 在页面上与 JavaScript...当您在 top 以外的环境中操作时，DevTools 将 Execution Context Selector 突出显示为红色，如下面的屏幕截图中所示。
) 第三步：离焦事件绑定的函数中(获取用户输入的内容进行判断) 第四步：如果失败，在span位置给出错误提示信息，如果成功，让span内容为空。...部分代码： var time; function init(){ //设置显示图片的定时操作 time = setInterval...如果是有名称，那么在html页面中只能写一个。 onmouseover/onmouseout/onmousemove：购物网站商品详情页。...onchange:当用户改变内容的时候使用这个事件(二级联动) 7.使用JS完成全选和选不选操作 技术分析 确定事件(鼠标单击事件onclick)，事件绑定到编号前面的复选框里面 获取编号前面的复选框的状态...checkOnes[i].checked=false; } } } 8.使用JS完成省市二级联动 技术分析 事件(onchange) 使用一个二维数组来存储省份和城市
查看CSS 查看元素对应的样式 1、 打开调试工具，点击调试工具左上角的检查元素按钮或者快捷键（Ctrl/Cmd + Shift + C） 2、在页面选中需要查看的元素，被检查的元素在DOM树中以蓝色背景突出显示...####查看外部样式表 1、在 styles 选项卡中，单击CSS规则旁边的链接以打开定义规则的外部样式表。可以查看样式的源文件。...查看元素伪状态 1、在 styles 选项卡中点击 :hov 。以 :hover 为例，选中 :hover 复选框，如果 被检查的元素添加了 :hover 样式，在样式列表中就会显示此条样式。...切换样式声明 1、点击样式声明前的复选框就可以切换样式声明 更改元素尺寸 1、在 styles 选项卡的框模型图中，将鼠标悬浮在需要编辑的区域，双击，填入需要修改的数值，回车。...页面重新加载，Coverage选项卡提供浏览器加载的每个文件使用多少CSS（和JavaScript）的概述。绿色代表使用CSS。红色表示未使用的CSS。
三 、使用 JS 完成页面定时弹出广告 1.需求分析 我们希望在首页中的顶部做一个定时弹出广告图片。...); 3.步骤分析 第一步：在页面指定位置隐藏一个广告图片(使用 display 属性的 none 值) 第二步：确定事件(onload)并为其绑定一个函数 第三步：书写这个函数(设置一个显示图片的定时操作...Window 对象表示浏览器中打开的窗口。 setInterval():它有一个返回值，主要是提供给 clearInterval 使用。...onchange:当用户改变内容的时候使用这个事件(二级联动) 七、使用JS完成全选和选不选操作 1.需求分析 我们希望在后台系统实现一个批量删除的操作(全选所有的复选框) 2.技术分析 确定事件(鼠标单击事件...显示的效果如下： 2.技术分析 事件(onchange) 使用一个二维数组来存储省份和城市(二维数组的创建？)
定义某个表格中针对一个或多个列的属性值。您只能在表格或 colgroup 中使用此属性。...> 可以连接多个html应用到html里面 行内样式表、内嵌样式表、外部样式表各有优势，实际的开发中常常 需要混合使用： • 有关整个网站统一风格的样式代码，放置在独立的样式文件*.css • 某些样式不同的页面...如果所编写的Javascript程序需要在某一个html文件中多次使用，那就应该编写Javascript函数，并将函数置于html文件的标记中。 • 在一个单独的js文件中。...如果编写的Javascript程序需要在多个html文件中使用，或Javascript程序内容很长时。...您可以使用此属性查看复选框的状态或设置复选框是否被选中 value 设置或获取复选框的值 是为了原样显示字符串中的换行”\n”格式 修改每个复选框的名称都为mybox，使这4个复选框构成一个数组
事件处理程序可以处理这些事件（h5中，可以直接在表单中添加type类型达到表单过滤的效果） 用户与表单元素交互时它们往往会触发click或change事件，通过定义onclick或onchange事件处理程序可以处理这些事件...单选和复选框都定义了checked属性，指定了元素当前是否选中。defaultChecked属性也为布尔值，为html的checked值，指定了元素在第一次加载页面时是否选中。...单选和复选框本身不显示任何的文本，它们通常和相邻的html文本一起显示（于label元素相关联）。...文本域 placeholder能显示用户输入前在输入域中显示的提示信息。...对于该元素，依旧可以使用value和onchange事件处理程序。 选择框和选项元素 当用户选取或取消选择一个选项时，select元素将会触发onchange事件处理程序。
alert("message") 显示含有给定消息的"JavaScript Alert"对话框.?...onChange 当域失去焦点且域值相对于onFocus执行有所改变时执行. 复选框(checkbox)对象? 属性? name NAME属性的字符串值.?...value 复选框内容的字符串值.如果设置了,则为"on",否则为"off".? checked 复选框内容的布尔值.如果设置了,则为true,否则为false .?...options 该属性对应于在HTML中定义select对象时标记中的内容,它有如下属性:? text 标记后的文本串.?...onChange 当域失去焦点且如果域的值相对于onFocus执行时有所改变,则执行onChange.? Button对象? 表格中有三种类型按钮,由标记中的TYPE属性定义:?
CSS（层叠样式表）是一种强大的标记语言，允许网页开发者创建视觉上令人惊叹且具有响应性的设计。在我个人的看法中，CSS（尤其是与JS结合用于响应性）可能是网页开发中最重要的部分。...通过使用calc()函数，你可以在CSS中进行动态计算，将不同单位的值进行相加、相减、相乘或相除。这对于创建响应式设计非常有用，因为你可以根据不同的视口尺寸或元素大小自动调整样式。....form-group:focus-within { border: 1px solid #f00; } 10、使用CSS变量轻松切换主题 CSS变量，也称为自定义属性，允许你在整个样式表中存储和重用值...这在创建主题或需要同时更改多个值时特别有帮助。 通过使用CSS变量，你可以在整个样式表中定义和使用变量，将值存储为变量后，可以在需要的地方重用这些值。...这使得你可以在页面上创建滚动到特定部分的效果，或者突出显示被定位的元素。 通过使用:target伪类，你可以实现一些基本的滚动效果，而无需依赖JavaScript代码。
第一种方式 只需要在 head 标签中，或者在 body 标签中， 使用 script 标签 来书写 JavaScript 代码 示例代码： <!...在 JavaScript 语言中，所有的变量，都可以做为一个 boolean 类型的变量去使用。...使用的格式如下: function 函数名(形参列表){ 函数体 } 在 JavaScript 语言中，如何定义带有返回值的函数？...(); 是根据 指定的 name 属性查询返回多个标签对象集合 // 这个集合的操作跟数组 一样 // 集合中每个元素都是 dom 对象 // 这个集合中的元素顺序是他们在..."> window.onload = function () { // 现在需要我们使用 js 代码来创建 html 标签，并显示在页面上 // 标签的内容就是
用户在浏览器上的行为称作“事件”,之后引发的一系列动作，比如弹窗啦，改变浏览器大小啦，验证啦，balabala，都叫做“事件驱动”。当然，这次我主要介绍几个常常发生的事件。 ...通常应用在button（按钮对象）、checkbox（复选框）、radio（单选按钮）、reset buttons（重置按钮）、submit buttons（提交按钮）上。 放大招： 1 <!...） 一旦用户更改表单的值时，就会触发onchange事件。 .../> 15 16 17 效果如下图 ： 3.选中事件（onSelect） 当页面中的元素被选中时，就会触发onselect事件。 .../> 15 16 17 效果如下图： 4.加载事件（onLoad） 加载事件是在刚刚打开网页时，触发的事件。
中，使用event对象上的target.checked 属性，来检查复选框是否选中。...或者在state变量中存储checked值，或者访问不受控制的复选框的ref.current.checked 属性。...Subscribe ); } react-check-if-checkbox-checked-controlled.gif 如果对ref使用不受控制的复选框...每当点击button按钮时，handleClick函数就会被调用，同时检查复选框是否被选中。 useRef钩子创建了一个普通的JavaScript对象，但在每次渲染时都给你相同的ref对象。...换句话说，它几乎是一个带有.current属性的记忆化对象值。 你可以在复选框元素上通过ref.current 访问任意属性。
ng-change 事件在值的每次改变时触发，它不需要等等一个完成的修改过程或等待失去焦点的动作 ng-change 事件只针对输入框值的真实修改，而不是通过JavaScript 来修改...ng-class 指令的值可以是字符串，对象，或一个数组。 如果是字符串，多个类名使用空格分隔。 ...如果是对象，需要使用 key-value 对，key 是一个布尔值，value 为你想要添加的类名。只有在 key 为 true 时类才会被添加。 ...ng-class-even 指令建议使用 在表格的样式渲染中，但是所有HTML 元素都是支持的。 ...ng-class-odd 指令建议使用 在表格的样式渲染中，但是所有HTML 元素都是支持的。
如果选择了多个图层，使用 Ctrl+空格键的效果与使用空格键的效果一样，将只打开或关闭所选图层。 Ctrl+单击复选框 打开或关闭指定级别的所有图层。...几何属性表 用于几何属性表的键盘快捷键 键盘快捷键 操作 注释 下箭头键 前进到下一折点。 前进到下一折点并使其在地图中闪烁。 上箭头键 返回到上一折点。 返回到上一折点并使其在地图中闪烁。...Ctrl + 单击 选择多个行。 选择多个行。 Shift+下箭头 添加下一折点。 将下一折点添加到选择中并使其在地图中闪烁。在按住 Shift 键的同时切换方向键将取消选择行。...Ctrl + 单击 以指针位置作为视图中心。 在 2D 环境下，这将使视图居中。在 3D 环境下，照相机会转向中心并显示该位置。 W 在 3D 场景中，向上倾斜照相机。 类似于从固定点倾斜照相机。...Ctrl+Shift+N 在显示字段名和显示别名之间切换。 编辑表 用于编辑表的键盘快捷键。铅笔图标将显示在正在编辑的行左侧的第一个像元中。该单元格同样用加粗的深绿色勾勒轮廓。
（vw,vh,vmin,vmax)，她们的值解析为视口宽度或高度的百分比 当你需要在较大分辨率下得到固定宽度， 使用max-width代替width，因为他可以适应较小的分辨率，而无需使用媒体查询...：inline-block）; 使用多列文本时，指定column-width（列宽）而不是指定column-count（列数），目的他就可以在较小的屏幕上自动显示单列布局 合理使用简写 合理使用简写...简单的饼图 饼图在网页中的运用极为常见，比如简单的统计表，进度指示器，如果我们不用图像处理器，和JavaScript，那要如何去实践呢？...而我们在实现中往往会失败？...,我们可以为他添加生成性内容(伪元素),并基于复选框的状态来为其设置样式，然后把真正的复选框隐藏起来（但不能把它从tab键切换焦点的队列中完全删除），再生成性内容美化一番，用来顶替原来的复选框！
（vw,vh,vmin,vmax)，她们的值解析为视口宽度或高度的百分比 当你需要在较大分辨率下得到固定宽度， 使用max-width代替width，因为他可以适应较小的分辨率，而无需使用媒体查询...）; 使用多列文本时，指定column-width（列宽）而不是指定column-count（列数），目的他就可以在较小的屏幕上自动显示单列布局 合理使用简写 合理使用简写，是一种良好的防卫性编码方式...简单的饼图 饼图在网页中的运用极为常见，比如简单的统计表，进度指示器，如果我们不用图像处理器，和JavaScript，那要如何去实践呢？...而我们在实现中往往会失败？...,我们可以为他添加生成性内容(伪元素),并基于复选框的状态来为其设置样式，然后把真正的复选框隐藏起来（但不能把它从tab键切换焦点的队列中完全删除），再生成性内容美化一番，用来顶替原来的复选框！
它不需要进行编译，而是直接嵌入在HTML页面中，由浏览器执行。 JavaScript 被设计用来向 HTML 页面添加交互行为。...1.2.1.3 JavaScript的引入 在HTML文件中引入JavaScript有两种方式，一种是在HTML文档直接嵌入JavaScript脚本，称为内嵌式，另一种是链接外部JavaScript脚本文件...obj.style.属性=值 ，给指定“属性”设置内容。 如果属性由多个单词使用“-”连接，需要将“-”删除，并将后一个单词首字母大写。...显示广告开始后，5秒后再次隐藏广告 3.4 案例实现 步骤1：在页面中，添加广告位div，并设置页面加载事件 <!...入门2 今日内容介绍 使用JS完成表单校验 使用JS完成表格的隔行换色 使用JS完成复选框的全选效果 使用JS完成省市联动效果 今日内容学习目标 使用JS可以编写各种事件 使用JS可以获得指定元素 使用
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
