总结前端JQ常用的一些操作手法(慢慢完善)
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常用的一些操作手法(慢慢完善)的更多相关文章
- CDN公共库、前端开发常用插件一览表(VendorPluginLib)
=======================================================================================前端CDN公共库===== ...
- 前端PS常用切图技巧
前言:前端涉及到的 ps 操作不算复杂,基本上就是切图,本文总结了常用的几种切图技巧. 工具:photoshop cs6 . photoshop cc 1. 传统切图 01 这是最笨的一种方法,核心就 ...
- Oracle手边常用命令及操作语句
Oracle手边常用命令及操作语句 作者:白宁超 时间:2016年3月4日11:24:08 摘要:日常使用oracle数据库过程中,常用脚本命令莫不是用户和密码.表空间.多表联合.执行语句等常规操作. ...
- 前端Demo常用库文件链接
<!doctype html><html><head> <meta charset="UTF-8"> <title>前端 ...
- web前端开发常用的10个高端CSS UI开源框架
web前端开发常用的10个高端CSS UI开源框架 随着人们对体验的极致追求,web页面设计也面临着新的挑战,不仅需要更人性化的设计理念,还需要设计出更酷炫的页面.作为web前端开发人员,运用开源 ...
- Notepad++前端开发常用插件介绍 - BorisHuai前端修炼 - 博客频道 - CSDN
Notepad++前端开发常用插件介绍 - BorisHuai前端修炼 - 博客频道 - CSDN.NET http://blog.csdn.net/borishuai/article/details ...
- Sublime Text 前端开发常用扩展插件推荐
Sublime Text 前端开发常用扩展插件推荐 Sublime Text Sublime Text 是程序员们公认的编码神奇,拥有漂亮的用户界面和强大的功能 更重要的是,Sublime Text ...
- TP5常用命令符操作
ThinkPHP5常用命令符操作 1. 模块自动生成指令: 默认会读取应用目录application下面的build.php作为自动 生成的定义文件,如果你的定义文件位置不同,则需要使用 ...
- 原生JavaScript常用的DOM操作
之前项目一直都是用JQuery或者Vue来做的,确实好用,毕竟帮我们解决了很多浏览器兼容问题,但是后面发现大公司面试题都是要原生Javascript来做,然后我就一脸懵逼哈哈哈,毕竟大公司需要的框架或 ...
随机推荐
- K-D Tree题目泛做(CXJ第二轮)
题目1: BZOJ 2716 题目大意:给出N个二维平面上的点,M个操作,分为插入一个新点和询问到一个点最近点的Manhatan距离是多少. 算法讨论: K-D Tree 裸题,有插入操作. #inc ...
- UVA10562 数据结构题目
题目链接:https://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&page=show_problem ...
- VMware 虚拟机使用RedHat,出现 connect: Network is unreachable解決方法
http://www.linuxidc.com/Linux/2015-02/113119.htm http://www.osyunwei.com/archives/7829.html
- php代码-1
- C#编程实现朴素贝叶斯算法下的情感分析
C#编程实现 这篇文章做了什么 朴素贝叶斯算法是机器学习中非常重要的分类算法,用途十分广泛,如垃圾邮件处理等.而情感分析(Sentiment Analysis)是自然语言处理(Natural Lang ...
- 《转》ACTIONBAR-PULLTOREFRESHLIBS+沉浸式在部分手机上的布局错乱,目前知道的三星系统(TouchWiz)
转载:http://www.cnblogs.com/wubingshenyin/p/4413672.html(原文连接) 前段时间看见ActionBar-PullToRefreshLibs用来刷新很好 ...
- 如何在word中写出赏心悦目的代码
短学期的VHDL终于结束了,虽然代码并不是很难,但是框框条条的规矩很多,也算折腾了一会,最后要写一个技术手册,结题报告类似物.考虑到word毕竟套主题比较方便,所以也就没有用LaTeX写,但是很快就发 ...
- UIAutomator 学习版
1.要写UIAutomator的testcase,首先要用Eclipse创建一个Java Project 需要将Junit 的lib加入到工程里 2.添加android.jar和uiautomator ...
- 微软推荐的Get a code signing certificate流程和链接
Get a code signing certificate Before you can establish a Windows Dev Center hardware dashboard ac ...
- delphi 打开文件夹并定位到一个文件(关键是/select参数)
strFileName := FcxLV[nIndex].Items.Item[FcxLV[nIndex].ItemIndex].SubItems.Strings[0]; //路径 ShellExe ...