简单的JS控制button颜色随点击更改

先上效果图: 默认“今日”是选中状态,是行内样式: <button type="button" id="today" class="btn-link" onclick="todayDate()" style="color: #0062CC;">今日</button> 上面的日期都是点击才会切换颜色: 点击其它颜色,“今日”颜色更换成灰色再次点击“今日”,还原回默认状态颜色在除“今…

<html><head></head><style>#div1{width:400px;height:400px;background-color:red;}</style><script> function blue(){ div1=document.getElementById('div1'); div1.style.backgroundColor='blue'; } function pink(){ div1=document.…

js控制button

按钮变灰不可用方法:document.getElementById("crop").setAttribute("disabled", true); 按钮可用方法:document.getElementById("crop").removeAttribute("disabled"); 按钮隐藏方法:$("#crop").hide();或document.getElementById(‘crop’).style…

通过JS控制各种元素的点击事件的【时间间隔】，特别适合【发表评论】功能

1.使用情景模拟:下单(防止用户无脑狂点).支付(防止用户无脑点击支付).发表评论(防止用户无脑点击),当然如果你用了一个提示框进行屏蔽,下面代码可以无视了,右上角谢谢. 2.默写情景比如:比如发表评论页面,你不希望使用提醒框来增加用户发表步骤的复杂性,那么可以参考下面通过时间间隔控制[提交]按钮的时间间隔有效性,来解决这个问题. 3.效果图:下图1是还没点击发送,图2是点击了发送,服务器需要时间处理,没处理完成之前用户再次点击[发送中],是不会触发[发送]事件的,从而控制了[用户无脑点击]产生…

JS控制的事件

鼠标点击弹出提示事件: <input type="button" value="鼠标点击弹出提示" onclick="DianJi()" /> JS程序: Function DianJi() { alert("点击"); } 其中,input也可用div,span等替换. 间隔及延迟: window.setInterval("要执行的代码",间隔的毫秒数) window.clearInterva…

js控制页面显示和表单提交

早期的web页面在显示方面一般在后台进行控制,虽然对后台开发来讲是比较容易做到的,但是涉及到一个问题,那就是数据库压力. 因为要控制显示,所以会比较频繁的从数据库中来回调用. 现在的js功能越来越强,且开发越来越方便,那么很多页面显示可以转交给js来进行控制,方法其实比较简单,就是控制显示和隐藏而已. 实现方法如下筛选: <a class="ch-btn-skin ch-btn-small" onclick="get_a(this,event)" >全…

js控制页面的全屏展示和退出全屏显示

<!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <body > <button id="btn" >js控制页面的全屏展示和退出全屏显示</button> <div id="content" style="…

js控制TR的显示影藏

在很多现实的场景中,有的文本框我们希望在选择“是”的按钮之后才出现,这就需要js控制TR的隐藏和显示,(div的影藏显示类似) 以下是一段选择是的按钮就显示身高和体重的文本框的代码.注意:ready方法必须要引用jquery的库. 1.html Code <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <…

js控制父子页面传值（iframe和window.open）

在html中,window对象代表浏览器中一个打开的窗口,就像我们C/S中做窗体一样,在该页的window对象就是new了一个新的窗体对象. 就像做C/S开发一样,浏览器是一个软件,每一个网页都是它new的一个对象,对象与对象的信息交流只能通过方法(前提是在自己的对象域中,当然如果两个对象在同一个作用域中,就不用那么麻烦了,但是每一个网页都是一个对象,在本对象内部作用域去访问另一个对象,就需要有到公共的方法,并且两个对象都可以接受到的.就是在后台才会有的request和response等方法).…

使用JS控制伪元素的几种方法

一. 缘由: 本文源于在OSC社区中,有人提问如何用jq获取伪元素.我第一想法是强大的CSS Query应该可以获取伪元素吧. 然而事实上,CSS Query并不能.即我们不能通过$(":before").$(dom).find(":before")或document.querySelector(":before")来获取:before伪元素. 为此,我不得不重新了解伪元素(Pseudo-elements).为什么不能用JS直接获取伪元素呢? 譬…