zoukankan      html  css  js  c++  java
  • JS一些常用的类库

    640?wx_fmt=png

    一、返回上一页(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];

            }



  • 相关阅读:
    【乱侃】How do they look them ?
    【softeware】Messy code,some bug of Youdao notebook in EN win7
    【随谈】designing the login page of our project
    【web】Ad in security code, making good use of resource
    SQL数据库内存设置篇
    关系数据库的查询优化策略
    利用SQL未公开的存储过程实现分页
    sql语句总结
    sql中使用cmd命令注销登录用户
    SQLServer 分页存储过程
  • 原文地址:https://www.cnblogs.com/hgmyz/p/12352002.html
Copyright © 2011-2022 走看看