学习Javascript必须要先掌握基本的事件方法和语法，这些都是我们学过的也是最基本的。以前忘了总结，所以现在回顾，综合地总结一下，温故而知新。

Javascript有三种按钮点击事件，分别为alert、confirm和prompt，简单介绍一下它们的基本方法。

1. alert是弹出警告框，在文本里面加入\n就可以换行。

2. confirm弹出确认框，会返回布尔值，通过这个值可以判断点击时确认还是取消。true表示点击了确认，false表示点击了取消。

3. prompt弹出输入框，点击确认返回输入框中的值，点击取消返回null，prompt(“提示信息”，初始值“”)。

Open(URL,windowName,parameterList):open方法创建一个新的浏览器窗口，并在新的窗口载入一个新的URL地址，windowName表示新建窗口标题名字, parameterList表示各参数值。
Close():关闭一个浏览器窗口。
Window.open()打开浏览器窗口，window对象表示的是浏览器窗口，它有多种操作，其中一个重要的方法是open,表示新建一个窗口来打开指定页面，例如在windowtest.html中执行以下语句：
window.open(“http://www.baidu.com”);
这和我们一般用的<a href=”http://www.baidu.com”>百度一下</a>打开页面效果是一样的。
然而你是否注意了到了window.open方法有更大的优势？
window.open对新建窗口的样式可以有更多的控制，例如窗口的大小、是否显示菜单栏、是否显示滚动条、是否显示地址等等，其完整的调用语法为下：
window.open(url,windowName,”name1=value1[,name2=value2,[……]”);
window的常用属性与值如下：
属性名称
 
意义
 
属性值
 
height
 
窗口高度
 
单位为像素(可以为纯数字不带单位)
 
width
 
窗口宽度
 
单位为像素
 
left
 
窗口左上角距屏幕左上角宽度距离
 
单位为像素
 
top
 
窗口左上角距屏幕左上角高度距离
 
单位为像素
 
directories
 
是否显示链接工具栏
 
有:1,没有:0,缺省:1
 
location
 
是否显示地址栏
 
有:1,没有:0,缺省:1
 
menubar
 
是否显示菜单栏
 
有:1,没有:0,缺省:1
 
resizable
 
是否允许调整窗口大小
 
有:1,没有:0,缺省:1
 
scrollbars
 
是否显示滚动条
 
有:1,没有:0,缺省:1
 
status
 
是否显示状态栏
 
有:1,没有:0,缺省:1
 
toolbar
 
是否显示工具栏
 
可以:1,不可以:0,缺省:1

我们可以看看实际应用，下面我就把这三种方法全部放在一个例子中：

<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>
<script language="javascript">
function button_Click_1(btn){
alert("我是"+btn.value);
alert("我被点中了！");
}
function button_Click_2(){
var value = prompt('输入你的名字：', '默认名字');
if(value == null){
alert('你取消了输入！');
}else if(value == ''){
alert('姓名输入为空，请重新输入！');
show_prompt();
}else{
alert('你好，'+value);
}
}
function button_Click_3(){
var result = confirm('是否删除！');
if(result){
alert('删除成功！');
}else{
alert('不删除！');
}
}
document.getElementById("Button4").setAttribute("onclick","button_Click_2(this)");
document.getElementById("Button5").setAttribute("onclick","button_Click_3(this)");
</script>

<body>
<input id="Button1" type="button" value="button1" onclick='alert("我是"+this.value);alert("我被点中了！");' />
<input id="Button2" type="button" value="button2" onclick="button_Click_1(this);" />
<input id="Button3" type="button" value="button3" onclick="button_Click_1(this);" />
<!--
button3、button4可以依次类推
<input id="Button4" type="button" value="button4" onclick="button_Click_1(this);"/>
<input id="Button5" type="button" value="button5" onclick="button_Click_1(this);"/>
-->
<input id="Button4" type="button" value="button4" onclick="button_Click_2(this);" />
<input id="Button5" type="button" value="button5" onclick="button_Click_3(this);" />
</body>

(温馨提示:亲，可改动文本域中的代码运行哦！)

Javascript之三种按钮点击事件的更多相关文章

  1. qt 两种按钮点击事件应用

    1.传统connect 例如: connect(ui->findPushBtn,SIGNAL(clicked()),this,SLOT(find())); 参数1:事件UI 参数2:点击系统函数 ...

  2. js触发按钮点击事件

    js触发按钮点击事件 博客分类: javascript   模拟JS触发按钮点击功能 <html> <head> <title>usually function&l ...

  3. 【Android】按钮点击事件的常用写法

    学习总结: 最近学习了Android点击事件的常用写法.点击事件会触发监听对象身上的回调,常用写法有以下四种: 方法一:使用匿名内部类. public class MainActivity exten ...

  4. js和jquery触发按钮点击事件

    js触发按钮点击事件 function load(){ //下面两种方法效果是一样的 document.getElementById("target").onclick(); do ...

  5. 查找和定位Android应用的按钮点击事件的代码位置基于Xposed Hook实现

    本文博客地址:https://blog.csdn.net/QQ1084283172/article/details/80956455 在进行Android程序的逆向分析的时候,经常需要通过Androi ...

  6. 按钮点击事件，打开新的Activity

    按钮点击事件,打开新Activity, 打开网页 findViewById(R.id.btnStartBAty).setOnClickListener(new View.OnClickListener ...

  7. Objective-C：模拟按钮点击事件理解代理模式

    OC中的协议(Protocol)和和.NET中的接口(Interface)类似,简单来讲,就是一系列方法的列表,其中声明的方法可以被任何类实现.不同的是,在.NET中,如果某个类实现了一个接口,就必须 ...

  8. 【转】Android开发20——单个监听器监听多个按钮点击事件

    原文网址:http://woshixy.blog.51cto.com/5637578/1093936 原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律 ...

  9. ButtonAddListener监听按钮点击事件

    ButtonAddListener监听按钮点击事件 using UnityEngine; using System.Collections; using UnityEngine.UI; using U ...

随机推荐

  1. linux 下安装apache 快速教程

    最近自学linux,看鸟哥的文章.提到了apache,所以在虚拟机redhat 5下安装了一把, 结合国内外文章写下快速可行的教程: --------------------------------- ...

  2. QRadioButton类中Toggled()信号的使用方法

    QRadioButton类中Toggled()信号的使用方法 1.说明 QRadioButton中,Toggled()信号是在Radio Button状态(开.关)切换时发出的,而clicked()信 ...

  3. Cocos2d-x——pthread的使用注意事项

    1:多线程所调用的成员方法定义为static. 2:互斥锁(pthread_mutex_t)定义在cpp文件的开头,并且也定义为static. 3:pthread_mutex_init方法尽量在最早的 ...

  4. openssl数字证书常见格式与协议介绍

    原文地址:http://blog.csdn.net/anxuegang/article/details/6157927 证书主要的文件类型和协议有: PEM.DER.PFX.JKS.KDB.CER.K ...

  5. 解决ArcGIS Engine AE 读取shapefile中文属性乱码的一条偏方

    最近写一个程序,AE+C#,读shp字段属性,其中读到中文就乱码了 这个问题比较奇怪,用AE很多年了,怎么突然就乱码呢,用Arcmap打开,没乱码,证明不是数据问题 网上搜搜,很多人说是许可初始化的问 ...

  6. Cocos2d-x中由sprite来驱动Box2D的body运动（用来制作平台游戏中多变的机关）

    好久都没写文章了,就来一篇吧.这种方法是在制作<胖鸟大冒险>时用到的.<胖鸟大冒险>中使用Box2D来进行物理模拟和碰撞检測,因此对每一个机关须要创建一个b2body.然后&l ...

  7. TChromeTabs 使用日记

    1.如何让 Tab 在拖放时,拖放图形中带有 TabControl 的内容. 增加 ChromeTabs 的 NeedDragImageControl 事件,并在代码中设置 DragControl 为 ...

  8. Educational Codeforces Round 2 E. Lomsat gelral 启发式合并map

    E. Lomsat gelral Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/contest/600/prob ...

  9. 使用Active MQ在.net和java系统之间通信

    ActiveMQ 是Apache出品,最流行的,能力强劲的开源消息总线.ActiveMQ 是一个完全支持JMS1.1和J2EE 1.4规范的 JMS Provider实现 一.特性列表 ⒈ 多种语言和 ...

  10. PHP泛域名应用

    以Windows开发环境 1.windows =>hosts文件 127.0.0.1    asia.t127.0.0.1    *.asia.t127.0.0.1    www.asia.t1 ...