css与js 输入，确认和警示框以及网页的前进后退

本文链接：https://blog.csdn.net/yedaiyang/article/details/78686440

//设置控件

//一个用来接收输入框的展示
  <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>