JavaScript 按钮事件
//警告框
function Alert01(){
document.write("警告");
alert("hhh");
}
<input type="submit" value="警告" backgroung="" οnclick="Alert01()" />
//询问框
function Prompt01(){
prompt("请输入密码","123123");
}
<input type="submit" value="询问" backgroung="" οnclick="Prompt01()" />
//确认框
function Confirm01(){
alert(confirm("删除后不能恢复,确认删除?"));
}
<input type="submit" value="确认" backgroung="" οnclick="Confirm01()" />
//点击事件
function dbClick01(){
alert("点了两次");
}
<input type="submit" value="点两次" backgroung="" οndblclick="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="" οnclick="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" οnclick="Test03()" /></br>
<input type="submit" value="点击" backgroung="" οnclick="Test03()" />
//点击变换字符
function Test04(){
var hh=document.getElementById("spn01");
hh.innerHTML="<h3>dasd</h3>";
}
<span id="spn01" οnclick="Test04()"><h3>123456</h3></span>
<input type="submit" value="点击变换" οnclick="Test04"/>
//警告框
function Alert01(){
document.write("警告");
alert("hhh");
}
<input type="submit" value="警告" backgroung="" οnclick="Alert01()" />
//询问框
function Prompt01(){
prompt("请输入密码","123123");
}
<input type="submit" value="询问" backgroung="" οnclick="Prompt01()" />
//确认框
function Confirm01(){
alert(confirm("删除后不能恢复,确认删除?"));
}
<input type="submit" value="确认" backgroung="" οnclick="Confirm01()" />
//点击事件
function dbClick01(){
alert("点了两次");
}
<input type="submit" value="点两次" backgroung="" οndblclick="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="" οnclick="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" οnclick="Test03()" /></br>
<input type="submit" value="点击" backgroung="" οnclick="Test03()" />
//点击变换字符
function Test04(){
var hh=document.getElementById("spn01");
hh.innerHTML="<h3>dasd</h3>";
}
<span id="spn01" οnclick="Test04()"><h3>123456</h3></span>
<input type="submit" value="点击变换" οnclick="Test04"/>