前端实现页面的返回，前进，刷新，跳转

按钮悬浮样式

<button type="button" class="btn" style="position:relative; float:right; bottom:30px;"
        οnclick="javascript:window.history.go(-1)">返回

1：当前页面刷新

<input type=button value=刷新 οnclick="window.location.reload()">

2：页面返回（数据会被清空）

<input type=button value=返回 οnclick="window.history.back(-1)">

3：页面返回（数据依然存在）

<input type=button value=返回 οnclick="windos.history.go(-1)">

4：页面前进

<input type=button value=前进 οnclick="window.history.go(1)">

5：页面前进

<input type=button value=前进 οnclick="window.history.forward()">

6：打开新页面1(需要在function()才有效),打开一个新窗口

<script type="text/javascript">

	window.onload = function(){
		window.open(url)
		}
</script>

7：打开新页面2(需要在function()才有效),在当前窗口打开

<script type="text/javascript">
    $(function () {
        window.location.href=urls;
        //window.location=urls;
    })
</script>

8：后退并且刷新

<script type="text/javascript">
window.location.href=document.referrer;
</script>