1、实例化Js一个object对象,把它当做类来用,事例是操作url的参数

  function GetRequestCondition() {
            var url = window.location.href;
            var conditon = url.substring(url.indexOf("?") + 1, url.length);
            var strs = conditon.split("&");
            var theRequest = new Object();
            for (var i = 0; i < strs.length; i++) {
                theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);  //注意需要用decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。
            }
            return theRequest;
        }

        var Request = new Object();
        Request = GetRequestCondition();
        $("#OrderID").val(Request["OrderID"]);
        $("#TraderName").val(Request["TraderName"]);
        $("#MallName").val(Request["MallName"]);
        $("#Contacts").val(Request["Contacts"]);

2、替换URL中指定参数的值的方法

  function replaceParamVal(oldUrl, paramName, value) {
            var reg = eval('/(' + paramName + '=)([^&]*)/gi');
            var newUrl = oldUrl.replace(reg, paramName + '=' + value);return newUrl;
        }

3、前端js校验图片格式

     //校验图片格式
        function validateImgFormat() {
            var pic = document.getElementById("MallImage").value;
            if (pic == "") return true;
            var pos = pic.lastIndexOf(".");
            var lastname = pic.substring(pos, pic.length);
            var resultName = lastname.toLowerCase();
            if (resultName != ".jpg" && resultName != ".png" && resultName != ".bmp" && resultName != ".ico") {
                $.messager.alert('错误提示', "请上传jpg/png/ico/bmp格式的图片!", 'error');
                return false;
            }
            return true;
        }

4、复制页面链接(自己修改一下可以复制内容)

 //方法一
                function copyToClipBoard() {

                    if (window.clipboardData) {
                         window.clipboardData.clearData();
                        var clipBoardContent = "";
                        clipBoardContent += document.title;
                        clipBoardContent += "";
                        clipBoardContent += window.location.href;
                        window.clipboardData.setData("Text", clipBoardContent);
                        alert('复制成功,请黏贴推荐给你的好友领取优惠券!');
                    }
                    else {
                        prompt("请复制弹出框里面网站地址:", window.location.href);
                    }

                }

 //方法二
                function copy_clip() {
                    var url = window.location.href;     //需要复制的内容
                    var txt = url;
                    if (window.clipboardData) {
                        window.clipboardData.clearData();
                        window.clipboardData.setData("Text", txt);
                        alert('恭喜,复制成功!');
                    } else if (navigator.userAgent.indexOf("Opera") != -1) {
                        window.location = txt;
                    } else if (window.netscape) {
                        try {
                            netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
                        } catch (e) {
                            alert("您的firefox安全限制限制您进行剪贴板操作,请在新窗口的地址栏里输入'about:config'然后找到'signed.applets.codebase_principal_support'设置为true'");
                            return false;
                        }
                        var clip = Components.classes["@mozilla.org/widget/clipboard;1"].createInstance(Components.interfaces.nsIClipboard);
                        if (!clip)
                            return;
                        var trans = Components.classes["@mozilla.org/widget/transferable;1"].createInstance(Components.interfaces.nsITransferable);
                        if (!trans)
                            return;
                        trans.addDataFlavor('text/unicode');
                        var str = new Object();
                        var len = new Object();
                        var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
                        var copytext = txt;
                        str.data = copytext;
                        trans.setTransferData("text/unicode", str, copytext.length * 2);
                        var clipid = Components.interfaces.nsIClipboard;
                        if (!clip)
                            return false;
                        clip.setData(trans, null, clipid.kGlobalClipboard);

                    }
                }

5、倒数60秒

        //倒数六十秒
        var i = 61;
        function send() {
            i--;
            if (i == -1) {
                return null;
            }
            else {
                document.getElementById("btnCode").value = i;
                setTimeout("send();", 1000);
            }

        }

总结前端JQ常用的一些操作手法(慢慢完善)的更多相关文章

  1. CDN公共库、前端开发常用插件一览表(VendorPluginLib)

    =======================================================================================前端CDN公共库===== ...

  2. 前端PS常用切图技巧

    前言:前端涉及到的 ps 操作不算复杂,基本上就是切图,本文总结了常用的几种切图技巧. 工具:photoshop cs6 . photoshop cc 1. 传统切图 01 这是最笨的一种方法,核心就 ...

  3. Oracle手边常用命令及操作语句

    Oracle手边常用命令及操作语句 作者:白宁超 时间:2016年3月4日11:24:08 摘要:日常使用oracle数据库过程中,常用脚本命令莫不是用户和密码.表空间.多表联合.执行语句等常规操作. ...

  4. 前端Demo常用库文件链接

    <!doctype html><html><head> <meta charset="UTF-8"> <title>前端 ...

  5. web前端开发常用的10个高端CSS UI开源框架

    web前端开发常用的10个高端CSS UI开源框架   随着人们对体验的极致追求,web页面设计也面临着新的挑战,不仅需要更人性化的设计理念,还需要设计出更酷炫的页面.作为web前端开发人员,运用开源 ...

  6. Notepad++前端开发常用插件介绍 - BorisHuai前端修炼 - 博客频道 - CSDN

    Notepad++前端开发常用插件介绍 - BorisHuai前端修炼 - 博客频道 - CSDN.NET http://blog.csdn.net/borishuai/article/details ...

  7. Sublime Text 前端开发常用扩展插件推荐

    Sublime Text 前端开发常用扩展插件推荐 Sublime Text Sublime Text 是程序员们公认的编码神奇,拥有漂亮的用户界面和强大的功能 更重要的是,Sublime Text ...

  8. TP5常用命令符操作

    ThinkPHP5常用命令符操作   1. 模块自动生成指令:   默认会读取应用目录application下面的build.php作为自动   生成的定义文件,如果你的定义文件位置不同,则需要使用 ...

  9. 原生JavaScript常用的DOM操作

    之前项目一直都是用JQuery或者Vue来做的,确实好用,毕竟帮我们解决了很多浏览器兼容问题,但是后面发现大公司面试题都是要原生Javascript来做,然后我就一脸懵逼哈哈哈,毕竟大公司需要的框架或 ...

随机推荐

  1. FFT与多项式、生成函数题目泛做

    题目1 COGS 很强的乘法问题 高精度乘法用FFT加速 #include <cstdlib> #include <iostream> #include <algorit ...

  2. c++ 编译期计算 (一)

    编译期就是编译器进行编译,产生.obj文件的所处的那一段时间(如果是广义的编译期,那么一般还包括了链接期,因为现在很多编译器都会自动调用链接器进行链接)执行期就是你执行某个已经链接好的程序的那段时间. ...

  3. Mysql学习(慕课学习笔记6)修改数据表(上)

    添加单列 Alter table tb1_name ADD[column] col_name column_definition [first | after col_name] 列名称       ...

  4. Windows单击右键没有共享选项怎么办

    文件共享是指在网络环境下文件.文件夹.某个硬盘分区使用时的一种设置属性,一般指多个用户可以同时打开或使用同一个文件或数据.但有时候也会遇到找不到共享选项的情况. Windows单击右键没有共享选项怎么 ...

  5. 在Eclipse中运行hadoop程序

    1.下载hadoop-eclipse-plugin-1.2.1.jar,并将之复制到eclipse/plugins下. 2.打开map-reduce视图 在eclipse中,打开window--> ...

  6. javascript获取host

    document.writeln(location.protocol); document.writeln(location.origin); //包括端口号 document.writeln(loc ...

  7. 配置wamp环境使得在命令行下也能执行socket扩展

    首先在apache中开启socket扩展 php环境安装目录\bin\apache\apache2.2.17\bin\php.ini 去掉前面的';'   extension=php_sockets. ...

  8. oracle的resetlogs机制浅析

    oracle的resetlogs机制浅析 alter database open resetlogs 这个命令我想大家都很熟悉了,那有没有想过这个resetlogs选项为什么要用?什么时候用?它的原理 ...

  9. initEvent vs initMouseEvent

    var evt = document.createEvent("MouseEvents");evt.initMouseEvent("click", true, ...

  10. BZOJ1013 球形空间产生器sphere

    Description 有一个球形空间产生器能够在n维空间中产生一个坚硬的球体.现在,你被困在了这个n维球体中,你只知道球面上n+1个点的坐标,你需要以最快的速度确定这个n维球体的球心坐标,以便于摧毁 ...