js各种小功能大合集

来源:互联网 发布:趣分期走淘宝套现 编辑:程序博客网 时间:2024/05/16 01:50

实现后退功能

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