//设置控件
<input type="button" id="id0" value="alert" οnclick="fangfa1()"/>
<input type="button" id="id1" value="输入框" οnclick="fangfa2()"/>
<input type="button" id="id2" value="确认框" οnclick="fangfa3()"/>
//一个用来接收输入框的展示
<span id="name">
名字
</span>
<br>
<input type="button" id="id3" value="前进" οnclick="fangfa4()"/>
<input type="button" id="id4" value="后退" οnclick="fangfa5()"/>
<input type="button" id="id5" value="刷新" οnclick="fangfa6()"/>
//设置跳转页面的超链接
<a href="http://www.baidu.com">百度</a>
<a href="http://www.qq.com">腾讯</a>
<a href="demo.html">腾讯</a>
<hr />
<input type="button" id="id6" value="定位" οnclick="fangfa7()"/>
<script type="text/javascript">
//点击事件fangfa1 弹出一个警示框
function fangfa1(){
alert("hello")
}
//点击事件fangfa2 弹出一个输入框并且将输入的数据放入到span控件进行展示
function fangfa2(){
var a = prompt("请输入你的英雄名字?");
console.log(a);
//将值放入span
var s = document.getElementById("name");
s.innerHTML="<a href='#'>"+a+"</a>";
}
//点击事件fangfa3 弹出一个确认框
function fangfa3(){
var a = confirm("确认转账?");
console.log("你的选择--"+a);
}
//点击事件fangfa4 前进到下一个页面
function fangfa4(){
history.go(1);
// history.forward();
}
//点击事件fangfa5 后退到上一个页面
function fangfa5(){
history.go(-1);
}
//点击事件fangfa6 刷新当前页面
function fangfa6(){
history.go(0);
}
//点击事件fangfa7 进行定位页面的跳转
function fangfa7(){
location.href="http://www.livecoding.tv";
}
</script>