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

        }


 


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/272485.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Linux上线程开发API概要(线程)

进程与线程 典型的UNIX/Linux进程可以看成只有一个控制线程&#xff1a;一个进程在同一时刻只做一件事情。有了多个控制线程后&#xff0c;在程序设计时可以把进程设计成在同一时刻做不止一件事&#xff0c;每个线程各自处理独立的任务。 进程是程序执行时的一个实例&…

Redis学习笔记1-Redis数据类型

Redis数据类型 Redis支持5种数据类型&#xff0c;它们描述如下&#xff1a; Strings - 字符串 字符串是 Redis 最基本的数据类型。Redis 字符串是二进制安全的&#xff0c;也就是说&#xff0c;一个 Redis 字符串可以包含任意类型的数据&#xff0c;一个字符串最大为 512M 字节…

30个非常有趣的404错误页面设计欣赏

当用户访问一个不存在的页面的时候就会出现404错误页面&#xff0c;这对用户来说是很不友好的。所以很多网站都会去设计一个新颖的错误页面&#xff0c;以吸引用户继续浏览其它的网页内容。今天这篇文章就收集了30个非常有趣的404错误页面设计欣赏&#xff0c;希望能带给你灵感…

5 个最佳的 Linux 桌面环境

打算把每个桌面都试用一遍&#xff0c;但是那很费时间&#xff0c;而且确实有很多桌面环境可供选择&#xff0c;这就是我发表“最优秀的 Linux 桌面以及他们的优缺点”的目的&#xff0c;本文告诉你在选择桌面时需要注意些什么&#xff0c;让我们开始吧。1. KDE我想从第五个说起…

SQL Server 2008 R2:快速清除日志文件的方法

本例&#xff0c;快速清理“students”数据库的日志&#xff0c;清理后日志文件不足1M。USE [master] GO ALTER DATABASE students SET RECOVERY SIMPLE WITH NO_WAIT GO ALTER DATABASE students SET RECOVERY SIMPLE GO USE students GO--此处需要注意&#xff…

linux网络编程之字节序

进程间通信 特点&#xff1a;依赖于内核&#xff0c;造成缺陷——无法实现多机通信。 网络编程 地址&#xff1a;由IP地址和端口号构成&#xff0c;端口号用来判断客户端接入哪个服务器。 数据的交流&#xff1a;涉及到协议&#xff08;http&#xff0c;tcp&#xff0c;udp&…

C#中DateTime.Ticks属性及Unix时间戳转换

DateTime.Ticks&#xff1a;表示0001 年 1 月 1 日午夜 12:00:00 以来所经历的 100 纳秒数&#xff0c;即Ticks的属性为100纳秒&#xff08;1Ticks 0.0001毫秒&#xff09;。Unix时间戳&#xff1a;是从1970年1月1日&#xff08;UTC/GMT的午夜&#xff09;开始所经过的秒数&am…

socket 网络 编程

网络编程场景 自己是客户端站在5栋楼前&#xff0c;自己要找到5栋楼中的一座并进入某一间房间&#xff0c;这时第二座楼上有人在用汉语&#xff08;tcp/udp&#xff09;说话,我的ip地址&#xff08;楼号&#xff09;是…&#xff0c;我的端口号&#xff08;房间号&#xff09;是…

7个免费的Linux FTP客户端工具

在Dropbox、YouSendIt、idrive以及许多这样云存储和共享工具的帮助下&#xff0c;我们在互联网上发送和共享大型文件变得容易起来。所有这些网站都可以帮助你在互联网上传送文件&#xff0c;但如果你要分享庞大的数据&#xff0c;这依然是很复杂的事情。所以&#xff0c;你需要…

树莓派的几种登录方式及树莓派的网络配置

&#xff08;1&#xff09;HDMI 视频线 连接到显示器 &#xff08;2&#xff09;串口 设备破解&#xff1a; 默认情况下,树莓派的串口和蓝牙连接&#xff0c;把串口用来数据通信。 修改系统配置&#xff0c;启用串口登录树莓派 1.打开SD卡根目录的"config.txt"文件…

【收集】11款Linux数据恢复工具

如果你使用的是Linux操作系统&#xff0c;那么你一定想知道一旦硬盘崩溃的话又该如何保存和恢复数据。其实&#xff0c;现在有很多Linux数据恢复工具可以让我们摆脱数据安全的困扰。小编已经为各位准备好了一些最好的Linux数据恢复工具&#xff0c;欢迎大家品鉴。KnoppixKnoppi…

VIM更新

1、可以用以下指令 sudo apt-get install vim2、默认的是国外的源&#xff0c;apt-get 安装失败的时候&#xff0c;我们更换成国内的源。 &#xff08;1&#xff09; 编辑sources.list 打开终端输入 sudo nano /etc/apt/sources.list用#注释或直接删除原有的内容&#xff0c…

8款适合Linux用户使用的数据库管理工具

从内容管理系统到简单的表格&#xff0c;数据库是每一个开发项目的一部分。这就是为什么开发者们如此强调使用正确类型的数据库工具。下面这些可能对您有所帮助&#xff01;1. AutotablaAutotabla是一个你的程序的SQL数据表的CGI管理界面。只需要提供你数据库架构的XML描述&…

为什么Chrome浏览器特爱吃内存

微软用惯用的手法——改名——给 IE 被黑的一生画上了句号。还好&#xff0c;它在技术段子圈里早就有了接班人&#xff1a;Chrome。Chrome 很好很强大&#xff0c;速度极快、功能很多。但同时它也是你的电脑内存不足或者耗电太快的罪魁祸首。没办法&#xff0c;Chrome 太爱吃内…

SQL的四种连接用法整理

1、内联接&#xff08;典型的联接运算&#xff0c;使用像 或 <> 之类的比较运算符&#xff09;。包括相等联接和自然联接。 内联接使用比较运算符根据每个表共有的列的值匹配两个表中的行。例如&#xff0c;检索 students和courses表中学生标识号相同的所有行。 …

linux库引入之动态库静态库(生成和使用)

库&#xff1a; 库是一种可执行代码的二进制形式&#xff0c;可以被操作系统载入内存执行。就是将源代码转化为二进制格式的源代码&#xff0c;相当于进行了加密&#xff0c;别人可以使用库&#xff0c;但是看不到库中的内容。 如何使用 用户需要同时具有头文件和库。 头文件…

InstallShield limited edition 生成单个 setup.exe 安装文件

InstallShield limited edition 生成单个 setup.exe 安装文件 1.vs里选中当前Setup项目, 2.在vs工具栏中"配置管理器"的下拉列表里,把"Debug"改为"SingleImage" 3.重新编译 posted on 2016-01-14 09:45 NET未来之路 阅读(...) 评论(...) 编辑 收…

ASP.NET中高级程序员 面试题

第一部分&#xff1a;互相介绍及了解1.请介绍一下你自己?包括工作经历和项目经历&#xff1f;2.请谈一下你就最近的一个项目&#xff1f;你在其中的职责和负责的部分?第二部分&#xff1a;一、ASP.NET技术问题选择性提问。一般可以选择三五个。1. 简要说一下.Net的编译过程.2…

SQL Server数据库设置自动备份策略

一. 简单介绍SQL Server自带的维护计划是一个非常有用的维护工具&#xff0c;能够完成大部分的数据库的维护任务.数据库的备份也是日常工作中非常重要的一个环节。备份的方法非常的多.今天给大家介绍最简单的一种方法: 直接通过SQL Server Management Studio的图形界面去设置备…

树莓派外设开发编程

树莓派外设开发接口文档参考 wiringPi&#xff08;特定平台&#xff0c;特定功能接口&#xff09; 库&#xff08;linux 动态库 静态库&#xff09; gcc demo1.c -lwiringPi //编译时要加-lwiringPigpio -v //查看是否安装wiringPi库 gpio version: 2.50 Copyright (c) 2012-2…