js各种小功能大合集

最新推荐文章于 2023-04-14 18:39:34 发布

发疯的man

最新推荐文章于 2023-04-14 18:39:34 发布

阅读量2.3k

点赞数 1

分类专栏： JS 文章标签： javascript

本文链接：https://blog.csdn.net/lzh657083979/article/details/77982035

版权

JS 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

实现后退功能

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

发疯的man

关注

1
点赞
踩
12

收藏

觉得还不错? 一键收藏
打赏
0
评论
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.hi
复制链接

扫一扫