保持谦卑之心
No design , No code

JS一些常用的类库

一、返回上一页(history)

发觉有两种用法:

1、javascript:history.back(-1);

2、javascript:history.go(-1);

它们俩的区别是:

history.back(-1):直接返回当前页的上一页,数据全部消息,返回新页面

history.go(-1):也是返回当前页的上一页,表单里的数据依然还在

其语法为:

history.go(num);

history. back(num); ( num — 负数为后退指定的页数,正数为前进指定的页数)

示例:<a href=”javascript:history.go(-1);”>返回上一页</a>

<input type=”button” value=”Back” onclick=”javascript:history.back()” />

二、confirm 确认/取消

var flag=confirm(“确定删除?”);//弹出 确认、取消对话框 点击确认返回true 取消 返回false

if(flag){

alert(“确定”);

}else{

alert(“取消”);

}

三、prompt 提示输入框

var num=prompt(“请输入一个数字”,0);//提示输入框 点击确定获得输入的值 取消返回null

alert(num);

四、open 打开新窗口

window.open(“https://www.baidu.com/”);//新建页面打开百度

window.open(“https://www.baidu.com/”,”baidu”);//新建页面并命名窗口 打开百度

window.open(“https://www.baidu.com/”,”_parent”);//在本页面打开百度

window.open(“https://www.baidu.com/”,”_blank”);//新建页面打开百度

window.open(“https://www.baidu.com/”,”baidu”,”width=500,height=600,top=100,left=200,toolbar=yes”);

五、定时任务/间歇任务

//================定时调用===================

//直接使用函数传入的方法,扩展性好,性能更佳。

window.setTimeout(box,5000);

function box(){

console.info(“定时调用====》普通函数”);

}

//匿名函数法 ECMA推荐使用

window.setTimeout(function(){

console.info(“定时调用======》匿名函数”);

},2000);

/*取消定时器

setTimeout 返回一个数值ID,这个ID就是当前这个定时方法的唯一标识符,

通过它可以取消这个定时调用计划

*/

var timeId=setTimeout(function(){

alert(“取消定时器”);

},3000);

clearTimeout(timeId);

//================间歇调用=================

var intId=setInterval(function(){

console.info(“间歇调用”);

},3000);

clearInterval(intId);//取消间歇任务

/*

一般在开发环境中很少使用间歇任务,因为需要根据情况来取消ID(间歇任务),

并可能造成同步的一些问题,建议使用定时任务赖替代间歇任务。

*/

//使用定时任务模拟间歇任务

(function(){

var num=0;

var max=5;

function box(){

num++;

if(num===max){

alert(“5秒后结束”);

}else{

setTimeout(box,1000);

}

}

setTimeout(box,1000);

})();

六、location 对象

//http://localhost:8080/html/bom.html?a=123#hash

var port=location.port;//获取端口号  8080

var hash=location.hash;//获取#和号后面的字符串  #hash

var hostName=location.hostname;//获取主机名  localhost

var pathname=location.pathname;//获取当前路径 /html/bom.html

var protocol=location.protocol;//获取当前协议 http:

var search=location.search;//获取请求参数 ?a=123

var href=location.href;//获取当前URL(完整)路径

// location.assign(“http://www.baidu.com”);//跳转到指定的URL

// location.replace(“http://www.baidu.com”);//跳转到指定的URL 清除之前的历史记录

location.reload();//重新加载  可能从缓存中加载

location.reload(true);//重新加载  从服务器加载

}

//获取请求参数

function getArgs(keyStr){

var map=new Object();

//获取请求参数

var searchs=location.search.length>0?location.search.substring(1):””;

var items=searchs.split(“&”);

if(searchs!=””){

for(var i=0;i<items.length;i++){

var items_t=items[i].split(“=”);

map[items_t[0]]=items_t[1];

}

console.info(map);

return map[keyStr];

}

赞(0) 打赏
未经允许不得转载:吴庆宝的个人blog » JS一些常用的类库

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

吴庆宝的技术博客

技术博客github

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏