设计3个按钮,当单击他们时分别使页面的背景色变成红、蓝和绿色。

<form name="myForm">

<P><INPUT type="button" value="红" onClick="ChangeBgColor(‘red‘)"></P>

<P><INPUT type="button" value="蓝" onClick="ChangeBgColor(‘blue‘)"></P>

<P><INPUT type="button" value="绿" onClick="ChangeBgColor(‘green‘)"></P>

</form>

<script language="javascript">

function ChangeBgColor(new_bgcolor)

{

var myform1=document.myForm;

myform1.style.background=new_bgcolor;

}

</script>

时间: 2024-11-08 21:59:17

设计3个按钮,当单击他们时分别使页面的背景色变成红、蓝和绿色。的相关文章

设计一个表单,放入两个按钮,单击它们时将显示不同问候语。

<form><button onclick="fn1()">问候先生</button><button onclick="alert('小姐,您好!');">问候小姐</button></form><script>function fn1(){ alert("先生,你好");}</script>

CSS+DIV在用absolute绝对定位时怎么使页面自适应

<div id="div1" style="position:absolute;left:10%;top:20%;width:50%;"> <div id="div2" style="position:absolute;left:20%;top:30%;width:20%;"> <div id="div3" style="position:absolute;left:

Android用户界面设计:基本按钮

Android用户界面设计:基本按钮 本文向你展示了在你的Android应用程序中创建一个简单的Button或ImageButton控件的步骤.首先,你会学到如何向你的布局文件中添加按钮控件.然后你会学习如何用两种方法处理用户对按钮的点击.最后,我们讨论Android中按钮控件一些其它的可用特性. 第1步:创建Android应用程序 我们从创建Android程序开始.你平常一样完成你的Android应用.一旦你已经创建项目并可以运行,决定你希望向什么样的屏幕添加Button控件.可能你就简单地创

[转]轻松搞定权限设计1-页面按钮控制(精确到某个用户和某个按钮)

每个系统都离不开权限控制,这里来说说页面上控制到按钮的思路,仅提供思路: 使用 角色 + 资源(菜单和菜单对应页面上的按钮)+ 授权的方式. 1  定义角色与用户: 假定这里我们只控制到角色这一层次,一个用户一个角色,设计如下: 角色表: role(role_id, role_name) 用户表: user(user_id, username, role_id),其中role_id是角色表的外键. 2  定义资源 这里假定把菜单.按钮都看成是一种资源,一个菜单上面有多个按钮. 菜单表: menu

.net学习之母版页执行顺序、jsonp跨域请求原理、IsPostBack原理、服务器端控件按钮Button点击时的过程、缓存、IHttpModule 过滤器

1.WebForm使用母版页后执行的顺序是先执行子页面中的Page_Load,再执行母版页中的Page_Load,请求是先生成母版页的控件树,然后将子页面生成的控件树填充到母版页中,最后输出 2.WebForm使用母版页进行登录时候的验证 //新建一个页面父类 public abstract class BasePage:Page { protected void Page_Load(object sender, EventArgs e) { //1.身份验证的方法 Session if (Se

49.按钮只能单击一次,鼠标事件

1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 .over { 8 color: yellow; 9 background: #7a7280; 10 } 11 12 .down { 13 color: yellow; 14 back

强制浏览器在点击回退按钮时重载刷新页面

最近在项目中有个场景会涉及到此问题,第一反应是通过header控制估计行不通,使用的浏览器为chrome,点击回退时浏览器并不重新请求服务器也不会重新渲染页面.所以服务器header或页面中的meta信息起不了作用.这样以来,就把解决方式定位在了前端来处理,用浏览器的本地存储设置了一个临时标志位,既页面1请求到页面2时,在页面2写入标志位,在页面1里做检查是否有标志位来进行重载刷新判断.思路很明了,因为项目支持的是H5环境,想通用所有浏览器的话,如使用cookie也可达到同样的目的.

修改字符集时source使其生效详解

==版权声明: # 本文的所有内容均来自作者刘春凯的学习总结,未经本人许可,禁止私自转发及使用.QQ:1151887353E-mail:[email protected]      [email protected] ####################################################################== 修改字符集时source使其生效详解 1.1 查看系统当前字符集 [[email protected] ~]# echo $LANG en_

更新数据时如何使时间自动更新

更新数据时不能使用time类型 使用timestamp类型才可以自动获取当前系统时间 TIMESTAMP的变体 1,TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP  在创建新记录和修改现有记录的时候都对这个数据列刷新 2,TIMESTAMP DEFAULT CURRENT_TIMESTAMP  在创建新记录的时候把这个字段设置为当前时间,但以后修改时,不再刷新它 3,TIMESTAMP ON UPDATE CURRE