总结前端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来做,然后我就一脸懵逼哈哈哈,毕竟大公司需要的框架或 ...
随机推荐
- C#中弹出新窗口
1.在主窗体程序中定义对应别的窗体的对象 Form_a_class form1 = Form_a_class test_delegate(); 2.调用显示 form1.ShowDialog();
- [Leetcode] Longest Consecutive Sequence 略详细 (Java)
题目参见这里 https://leetcode.com/problems/longest-consecutive-sequence/ 这个题目我感觉很难,看了半天别人写的答案,才明白个所以然.下面的代 ...
- DNF(一.YUM已死,DNF代之)
Yum还没学好呢,突然听到已经要被抛弃了.恐慌至极.. 在最新版的Fedora 22 抛弃了Yum包管理器,取而代之的是DNF.. 那么搜搜 Fedora 22 Release Note.. 官方给出 ...
- 优化PHP代码的40条建议(转载)
[size=5][color=Red](译文)优化PHP代码的40条建议[/color][/size] 40 Tips for optimizing your php Code 原文地址:http:/ ...
- 实现android apk反编译后代码混淆
通常情况下我们需要对我们开发的android代码进行混淆,以免代码在反编译时暴露敏感信息及相关技术代码: 反编译测试工具:onekey-decompile-apk-1.0.1. 在高级版本的adt创建 ...
- 用RBG颜色设置自定义颜色
这个是Mac自带的测色计 快捷键shift + command + c即可复制RBG格式的颜色 #DD0000 这个是csdn 的logo里的红色 我们得到的是十六位颜色代码 但是UIColor( ...
- 记事本创建servlet在tomcat中发布基本思路
在webapps中新建文件夹H,在其中再创建WEB-INF文件夹,在创建classes文件夹和web.xml文件,web.xml需要配置一下,classes文件夹中存放Servlet经编译过的clas ...
- cf B. Fixed Points
http://codeforces.com/contest/347/problem/B #include <cstdio> #include <cstring> #includ ...
- hdu 1596 find the safest road
http://acm.hdu.edu.cn/showproblem.php?pid=1596 #include <cstdio> #include <cstring> #inc ...
- BZOJ 1090 字符串折叠(区间DP)
题目链接:http://61.187.179.132/JudgeOnline/problem.php?id=1090 题意:字符串AAAAAAAAAABABABCCD的最短折叠为9(A)3(AB)CC ...