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

  1. function GetRequestCondition() {
  2. var url = window.location.href;
  3. var conditon = url.substring(url.indexOf("?") + 1, url.length);
  4. var strs = conditon.split("&");
  5. var theRequest = new Object();
  6. for (var i = 0; i < strs.length; i++) {
  7. theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]); //注意需要用decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。
  8. }
  9. return theRequest;
  10. }
  11.  
  12. var Request = new Object();
  13. Request = GetRequestCondition();
  14. $("#OrderID").val(Request["OrderID"]);
  15. $("#TraderName").val(Request["TraderName"]);
  16. $("#MallName").val(Request["MallName"]);
  17. $("#Contacts").val(Request["Contacts"]);

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

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

3、前端js校验图片格式

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

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

  1. //方法一
  2. function copyToClipBoard() {
  3.  
  4. if (window.clipboardData) {
  5. window.clipboardData.clearData();
  6. var clipBoardContent = "";
  7. clipBoardContent += document.title;
  8. clipBoardContent += "";
  9. clipBoardContent += window.location.href;
  10. window.clipboardData.setData("Text", clipBoardContent);
  11. alert('复制成功,请黏贴推荐给你的好友领取优惠券!');
  12. }
  13. else {
  14. prompt("请复制弹出框里面网站地址:", window.location.href);
  15. }
  16.  
  17. }
  18.  
  19. //方法二
  20. function copy_clip() {
  21. var url = window.location.href; //需要复制的内容
  22. var txt = url;
  23. if (window.clipboardData) {
  24. window.clipboardData.clearData();
  25. window.clipboardData.setData("Text", txt);
  26. alert('恭喜,复制成功!');
  27. } else if (navigator.userAgent.indexOf("Opera") != -1) {
  28. window.location = txt;
  29. } else if (window.netscape) {
  30. try {
  31. netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
  32. } catch (e) {
  33. alert("您的firefox安全限制限制您进行剪贴板操作,请在新窗口的地址栏里输入'about:config'然后找到'signed.applets.codebase_principal_support'设置为true'");
  34. return false;
  35. }
  36. var clip = Components.classes["@mozilla.org/widget/clipboard;1"].createInstance(Components.interfaces.nsIClipboard);
  37. if (!clip)
  38. return;
  39. var trans = Components.classes["@mozilla.org/widget/transferable;1"].createInstance(Components.interfaces.nsITransferable);
  40. if (!trans)
  41. return;
  42. trans.addDataFlavor('text/unicode');
  43. var str = new Object();
  44. var len = new Object();
  45. var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
  46. var copytext = txt;
  47. str.data = copytext;
  48. trans.setTransferData("text/unicode", str, copytext.length * 2);
  49. var clipid = Components.interfaces.nsIClipboard;
  50. if (!clip)
  51. return false;
  52. clip.setData(trans, null, clipid.kGlobalClipboard);
  53.  
  54. }
  55. }

5、倒数60秒

  1. //倒数六十秒
  2. var i = 61;
  3. function send() {
  4. i--;
  5. if (i == -1) {
  6. return null;
  7. }
  8. else {
  9. document.getElementById("btnCode").value = i;
  10. setTimeout("send();", 1000);
  11. }
  12.  
  13. }

总结前端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. C#中弹出新窗口

    1.在主窗体程序中定义对应别的窗体的对象 Form_a_class form1 = Form_a_class  test_delegate(); 2.调用显示 form1.ShowDialog();

  2. [Leetcode] Longest Consecutive Sequence 略详细 (Java)

    题目参见这里 https://leetcode.com/problems/longest-consecutive-sequence/ 这个题目我感觉很难,看了半天别人写的答案,才明白个所以然.下面的代 ...

  3. DNF(一.YUM已死,DNF代之)

    Yum还没学好呢,突然听到已经要被抛弃了.恐慌至极.. 在最新版的Fedora 22 抛弃了Yum包管理器,取而代之的是DNF.. 那么搜搜 Fedora 22 Release Note.. 官方给出 ...

  4. 优化PHP代码的40条建议(转载)

    [size=5][color=Red](译文)优化PHP代码的40条建议[/color][/size] 40 Tips for optimizing your php Code 原文地址:http:/ ...

  5. 实现android apk反编译后代码混淆

    通常情况下我们需要对我们开发的android代码进行混淆,以免代码在反编译时暴露敏感信息及相关技术代码: 反编译测试工具:onekey-decompile-apk-1.0.1. 在高级版本的adt创建 ...

  6. 用RBG颜色设置自定义颜色

    这个是Mac自带的测色计   快捷键shift + command + c即可复制RBG格式的颜色 #DD0000 这个是csdn 的logo里的红色 我们得到的是十六位颜色代码 但是UIColor( ...

  7. 记事本创建servlet在tomcat中发布基本思路

    在webapps中新建文件夹H,在其中再创建WEB-INF文件夹,在创建classes文件夹和web.xml文件,web.xml需要配置一下,classes文件夹中存放Servlet经编译过的clas ...

  8. cf B. Fixed Points

    http://codeforces.com/contest/347/problem/B #include <cstdio> #include <cstring> #includ ...

  9. hdu 1596 find the safest road

    http://acm.hdu.edu.cn/showproblem.php?pid=1596 #include <cstdio> #include <cstring> #inc ...

  10. BZOJ 1090 字符串折叠(区间DP)

    题目链接:http://61.187.179.132/JudgeOnline/problem.php?id=1090 题意:字符串AAAAAAAAAABABABCCD的最短折叠为9(A)3(AB)CC ...