2017.7.10 学习记录 JavaScript的按钮事件
来源:互联网 发布:linux清除部分历史命令 编辑:程序博客网 时间:2024/05/22 14:27
JavaScript 按钮事件
//警告框
function Alert01(){
document.write("警告");
alert("hhh");
}
<input type="submit" value="警告" backgroung="" onclick="Alert01()" />
//询问框
function Prompt01(){
prompt("请输入密码","123123");
}
<input type="submit" value="询问" backgroung="" onclick="Prompt01()" />
//确认框
function Confirm01(){
alert(confirm("删除后不能恢复,确认删除?"));
}
<input type="submit" value="确认" backgroung="" onclick="Confirm01()" />
//点击事件
function dbClick01(){
alert("点了两次");
}
<input type="submit" value="点两次" backgroung="" ondblclick="dbClick01()" />
//输出输入框中的Email
function Test02(){
var email=document.getElementById('email');
alert(email.value);//输出文本框字符
alert(email.id);//获取ID
alert(email.type);//获取类型
}
<input type="email" name="email" id="email"/>
<br/>
<input type="submit" value="点击" backgroung="" onclick="Test02()" />
//图片点击切换
function Test03(){
var tp01=document.getElementById("img01");
if(tp01.src=="图片1"){
tp01.src = "图片2";
}else{
tp01.src = "图片1";
}
}
<img id="img01" src="图片1" heiget="200px" width="200px" onclick="Test03()" /></br>
<input type="submit" value="点击" backgroung="" onclick="Test03()" />
//点击变换字符
function Test04(){
var hh=document.getElementById("spn01");
hh.innerHTML="<h3>dasd</h3>";
}
<span id="spn01" onclick="Test04()"><h3>123456</h3></span>
<input type="submit" value="点击变换" onclick="Test04"/>
//警告框
function Alert01(){
document.write("警告");
alert("hhh");
}
<input type="submit" value="警告" backgroung="" onclick="Alert01()" />
//询问框
function Prompt01(){
prompt("请输入密码","123123");
}
<input type="submit" value="询问" backgroung="" onclick="Prompt01()" />
//确认框
function Confirm01(){
alert(confirm("删除后不能恢复,确认删除?"));
}
<input type="submit" value="确认" backgroung="" onclick="Confirm01()" />
//点击事件
function dbClick01(){
alert("点了两次");
}
<input type="submit" value="点两次" backgroung="" ondblclick="dbClick01()" />
//输出输入框中的Email
function Test02(){
var email=document.getElementById('email');
alert(email.value);//输出文本框字符
alert(email.id);//获取ID
alert(email.type);//获取类型
}
<input type="email" name="email" id="email"/>
<br/>
<input type="submit" value="点击" backgroung="" onclick="Test02()" />
//图片点击切换
function Test03(){
var tp01=document.getElementById("img01");
if(tp01.src=="图片1"){
tp01.src = "图片2";
}else{
tp01.src = "图片1";
}
}
<img id="img01" src="图片1" heiget="200px" width="200px" onclick="Test03()" /></br>
<input type="submit" value="点击" backgroung="" onclick="Test03()" />
//点击变换字符
function Test04(){
var hh=document.getElementById("spn01");
hh.innerHTML="<h3>dasd</h3>";
}
<span id="spn01" onclick="Test04()"><h3>123456</h3></span>
<input type="submit" value="点击变换" onclick="Test04"/>
阅读全文
0 0
- 2017.7.10 学习记录 JavaScript的按钮事件
- 2017.7.14 学习记录 JavaScript 输入框的事件及获取属性值
- JavaScript 的学习记录。
- 2014-10-25Android学习--------按钮点击事件的写法
- javascript深入学习-DOM取参绑定事件-按钮计算器
- javascript事件参考记录
- JavaScript:按钮事件动态绑定
- 在后台通过JAVASCRIPT代码调用按钮的事件
- 基于JavaScript touch事件的自定义按钮示例
- JavaScript键盘事件 键盘中所有按钮的keycode
- javascript 动态调用点击 按钮的事件ele.onclick();
- Javascript中button按钮的onclick()事件传递参数
- jQuery Mobile的学习时间botton按钮的事件学习
- jQuery Mobile的学习时间botton按钮的事件学习
- iOS中事件响应的学习记录
- JavaScript几个比较事件触发方式的记录
- c#事件 学习记录
- 响应按钮的事件
- gcc 关于fatal error: stdio.h: No such file or directory #include<stdio.h>的问题
- 使用HBase Snapshot恢复Trafodion误删数据
- iOS 10.0.2 (JailBreak) scp: command not found
- 编程题 链表 java
- @Override作用个人理解
- 2017.7.10 学习记录 JavaScript的按钮事件
- 映射和反射的概念及应用方法
- UVA 11478 差分约束+二分+判断负环
- iOS之KVO使用
- Struts2零配置
- win10 64系统如何换成win7 32系统?
- 图片加载库之缓存策略和加载策略
- Android so文件的兼容和适配
- 使用JNI获取Android apk签名hashcode