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

            }



  • 相关阅读:
    3.2 Lucene实战:一个简单的小程序
    3.3 Lucene检索原理
    3.1 Java以及Lucene的安装与配置
    1.2 垂直搜索引擎的框架设计
    【lucene系列学习】排序
    【lucene系列学习】BooleanQuery
    【算法系列学习】codeforces D. Mike and distribution 二维贪心
    【算法系列学习】codeforces C. Mike and gcd problem
    【算法系列学习】HDU 5527 Too Rich贪心
    JavaScript实现数组转置
  • 原文地址:https://www.cnblogs.com/hgmyz/p/12352001.html
Copyright © 2011-2022 走看看