<html>

    <form>

        <input type="button" value="提交" accesskey="b" name="button1" id="button1" alt="Button" onclick="alertMsg()"><br />

        <input type="button" onclick="removeFocus()" value="离开焦点" /><br />

        <input type="button" onclick="setFocus()" value="获取焦点" />

    </form>

    <script>

        //Button 对象的属性

        //accessKey 属性可设置或返回访问一个按钮的键盘按键。

        /*var x = document.getElementById("button1");

        alert(x.accessKey);            //b

        //alt 属性可设置或返回当浏览器不支持按钮时要显示的替换文本

        var x = document.getElementById("button1");

        alert(x.alt);            //Button

        //disabled 属性可设置或返回是否禁用按钮

        //true 按钮不能点击

        //false 按钮正常使用

        var x = document.getElementById("button1").disabled = true;

        //form 属性可返回对包含该按钮的表单的引用。

        //如果包含该按钮，则返回一个 form 对象，如果未包含该按钮，则返回 null。

        x=document.getElementById('button1');

        document.write(x.form.id);

        //id 属性可设置或返回按钮的 id

        x=document.getElementById('button1');

        alert(x.id);

        //name 属性可设置或返回按钮的名称

        x=document.getElementById('button1');

        alert(x.name);

        //type 属性可返回表单元素的类型。Button 对象的类型始终是 "button"

        x=document.getElementById('button1');

        alert(x.type);

        //value 属性可设置或返回显示在按钮上的文本

        x=document.getElementById('button1');

        alert(x.value);

        //Button 对象的方法

        //blur() 方法用于把焦点从按钮上移开

        function removeFocus(){

             document.getElementById('button1').blur();

        }

        //click() 方法可模拟在按钮上的一次鼠标单击

        function clickButton(){

          document.getElementById('button1').click()

        }

        function alertMsg(){

          alert("Button 1 was clicked!")

        }

*/

        //focus() 方法用于向按钮赋予焦点

        function setFocus(){

          document.getElementById('button1').focus()

        }

    </script>

</html>

Button 对象的更多相关文章

  1. Phaser提供了Button对象简单的实现一个按钮

    Phaser是一个简单易用且功能强大的html5游戏框架,利用它可以很轻松的开发出一个html5游戏.在这篇文章中我就教大家如何用Phaser来制作一个前段时间很火爆的游戏:Flappy Bird,希 ...

  2. Button btn = sender as Button; //创建Button对象 这句话中Sencler和as是什么。怎么使用Sender和as

    ender是个object类型的变量名,通常都是事件的默认参数名,而这个变量存的是触发这个事件的控件,而as 可以理解为抽象,它把object类理的sender变量抽象成了(Button)类型.这样它 ...

  3. AlloyTouch Button插件-不再愁click延迟和点击态

    移动端不能使用click,因为click会有300ms.所有有了fastclick这样的解决方案.然后fastclick并没有解决点击态(用户点击的瞬间要有及时的外观变化反馈)的问题.hover会有不 ...

  4. Phaser中很多对象都有一个anchor属性

    游戏要用到的一些图片.声音等资源都需要提前加载,有时候如果资源很多,就有必要做一个资源加载进度的页面,提高用户等待的耐心.这里我们用一个state来实现它,命名为preload. 因为资源加载进度条需 ...

  5. Android监听Button和ImageButton控件的点击事件

    一.onClick事件 Button和ImageButton都有一个onClick事件,通过自身的.setOnClickListener(OnClickListener)方法添加点击事件 所有的控件都 ...

  6. Flex编程注意之直接获取某个组件的对象（this[]用法）通过id获取控件

    有这样一个需求:假如你new了一百次Button,同时这些button的id分别赋值如btn1.id = "button1"; btn2.id = "button2&qu ...

  7. Tkinter教程之Button篇(2)

    本文转载自:http://blog.csdn.net/jcodeer/article/details/1811300 # Tkinter教程之Button篇(2)'''5.指定Button的宽度与高度 ...

  8. JavaScript中常谈的对象

    为浏览器编写代码时,总少不了window对象 window对象表示JavaScript程序的全局环境 同时 也表示应用的主窗口 到处都是对象 window对象 常用的属性和方法介绍 location ...

  9. VB.Net中点击按钮（Button）会重复提交两次表单

    在VB.NET程序开发过程中遇到一个问题 提交一个表单时,button的html代码如下 <asp:Button ID="btnSubmit" OnClick="c ...

随机推荐

  1. js上拉加载、下拉刷新的插件

    之前在网上找那种下拉刷新,上拉加载的插件,有一款IScroll,但是用起来太麻烦,于是就自己写了款,但依赖于jquery.js,bug肯定有,希望评论提出. js: /* 简洁的下拉刷新,上拉加载插件 ...

  2. sass笔记-4|像写脚本一样写Sass，把能交给Sass办的都交给它

    Sass笔记关于sass的基础部分已经写完,这一篇介绍Sass的高级特性--脚本特性.Sass能做很多事让样式表更智能,我们先会看到Sass眼中的数据类型,在这些数据类型上会有可进行的操作,此外,Sa ...

  3. 让linux(centos)支持中文文件和文件夹

    一.让linux支持中文 1.将Linux的env设置了LANG=en_US.UTF-8: 2.本地的Shell客户端编码也设置成UTF-8,这样让在windows上传到linux的文件或者目录不会出 ...

  4. nyoj 214

    //nyoj 214 这个题目和字符串的问题类似,都是给出一组数据,寻找最长的单调递增字符 这一题一开始我用dp做,发现超时,看了下时间,n*n的复杂度,换过一种思路 用类似于栈的方式,来存储每次更新 ...

  5. Highcharts 设置折线图的显示与隐藏

    1.初始化隐藏某条曲线 series 配置如: [ {name:"发帖", postCountData}, {name:"删帖帖", deleteCountDa ...

  6. XML and JSON 验证

    function ChkJson(strJson) { //判断Json格式是否正确 if (strJson == null || strJson == "") return tr ...

  7. php防止重复提交问题

    php防止重复提交问题 用户提交表单时可能因为网速的原因,或者网页被恶意刷新,致使同一条记录重复插入到数据库中,这是一个比较棘手的问题.我们可以从客户端和服务器端一起着手,设法避免同一表单的重复提交. ...

  8. android-Activity的执行流程

    概述 The following diagram shows the important state paths of an Activity. The square rectangles repre ...

  9. 关于iOS应用管理之九宫格的坐标计算以及与UIScrollView的结合

    关于九宫格的布局以及坐标的计算,对于大多数的iOS初学者甚至有一定能力的学者来说都是一大难题,在此写者通过自己的开发经验以及多次应用,把自己的所学所得分享给大家,就通过应用管理来进行浅谈一二.     ...

  10. HTTP Content-type 对照表

    文件扩展名 Content-Type(Mime-Type) 文件扩展名 Content-Type(Mime-Type) .*( 二进制流) application/octet-stream .tif ...