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

概述

实现后退功能

<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>

js打开一个连接

location.href="http://www.baidu.com"

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

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

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

 var obj = {
bar: 1,
foo: 2,
baz: 3
};
alert(obj.hasOwnProperty("bar"))
true

删除对象的某个属性

var obj = {
bar: 1,
foo: 2,
baz: 3
};
delete obj.baz;

最后

以上就是爱撒娇寒风为你收集整理的js各种小功能大合集的全部内容,希望文章能够帮你解决js各种小功能大合集所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部