我是靠谱客的博主 爱撒娇寒风,这篇文章主要介绍js各种小功能大合集,现在分享给大家,希望可以做个参考。

实现后退功能

复制代码
1
2
3
<form action="./xx.html" method="post" id="ss"> <input type="submit" value="按钮" id="btu"> </form>

xx.html页面

复制代码
1
2
3
4
5
<body> <input type="button" value="按钮" id="btu" onclick="javascript:window.history.back()"> </body> //还有history.go(-1)

两种调用js方法

第一种

复制代码
1
2
3
4
5
6
7
8
<body> <input type="button" value="按钮" id="btu" onclick="javascript:tt()"> </body> <script> var tt=function() { alert(11) } </script>

第二种

复制代码
1
2
3
4
5
6
7
8
<body> <input type="button" value="按钮" id="btu" onclick="javascript:pp()"> </body> <script> function pp() { alert(11) } </script>

刷新当前页面的方法

复制代码
1
2
3
4
5
6
7
8
9
10
<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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
自动刷新页面的方法: 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打开一个新窗口

复制代码
1
2
3
4
5
6
7
8
<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>

js打开一个连接

复制代码
1
location.href="http://www.baidu.com"

js利用正则表达式使输入框的值必须是数字

复制代码
1
2
onkeyup="this.value=this.value.replace(/[^0-9-]/g,'')" //这个代码的意思是是:当你按下键盘就会触发这个函数,只要不是0-9或者-的数字都会替换成空格

判断js对象是否有某个属性

复制代码
1
2
3
4
5
6
7
var obj = { bar: 1, foo: 2, baz: 3 }; alert(obj.hasOwnProperty("bar")) true

删除对象的某个属性

复制代码
1
2
3
4
5
6
var obj = { bar: 1, foo: 2, baz: 3 }; delete obj.baz;

最后

以上就是爱撒娇寒风最近收集整理的关于js各种小功能大合集的全部内容,更多相关js各种小功能大合集内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(46)

评论列表共有 0 条评论

立即
投稿
返回
顶部