一、返回上一页(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" οnclick="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];
}