js各种小功能大合集

时间：2022-08-24 21:17:22

实现后退功能

<form action="./xx.html" method="post" id="ss">
        <input type="submit" value="按钮" id="btu">
</form>

xx.html页面

<body>
<input type="button" value="按钮" id="btu" onclick="javascript:window.history.back()">
</body>


//还有history.go(-1)

两种调用js方法

第一种

<body>
<input type="button" value="按钮" id="btu" onclick="javascript:tt()">
</body>
<script>
var tt=function() {
 alert(11)
}
</script>

第二种

<body>
<input type="button" value="按钮" id="btu" onclick="javascript:pp()">
</body>
<script>
function pp() {
 alert(11)
}
</script>

刷新当前页面的方法

<body>
<input type="button" value="按钮" id="btu" onclick="javascript:pp()">
</body>
<script>
function pp() {
 window.history.go(0)
//或者
 location.reload()
}
</script>

页面自动刷新并跳转指定的url

http://www.jb51.net/article/44764.htm 详解

自动刷新页面的方法:
1.页面自动刷新：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.
2.页面自动跳转：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=http://www.jb51.net">
其中20指隔20秒后跳转到http://www.jb51.net页面


<body>
<input type="button" value="按钮" id="btu" onclick="javascript:pp()">
</body>
<script>
function pp() {
 location.replace('http://www.baidu.com/') 
}
</script>

js打开一个新窗口

<body>
<input type="button" value="按钮" id="btu" onclick="javascript:pp()">
</body>
<script>
function pp() {
 window.open('http://www.baidu.com','_self','toolbar=no,menubar=no,location=no,height=70,width=650');
}
</script>
标签：

相关文章