JavaScript和JQuery
Nemo_XP
这个作者很懒,什么都没留下…
展开
-
jquery提交form表单插件jquery.form.js
jquery.form.js提交form表单插件提供了表单ajaxe提交解决方案,下面对比一下使用jquery自己的ajax提交和jquery.form的提交由啥不同。通常没有使用jquery.form插件的情况下我们可以像下面代码来提交表单://jquery ajax 方式提交表单 var $form = $("#form"), action = $form.attr("原创 2018-04-11 09:19:11 · 470 阅读 · 0 评论 -
jquery.form.js异步提交表单和上传文件
使用jquery.form.js需要从网上下载。jquery.form.js提交form表单插件提供了表单ajaxe提交解决方案,下面对比一下使用jquery自己的ajax提交和jquery.form的提交由啥不同。通常没有使用jquery.form插件的情况下我们可以像下面代码来提交表单://jquery ajax 方式提交表单 var $form = $("#form"), ...原创 2018-04-12 09:35:07 · 446 阅读 · 0 评论 -
table动态添加tr和删除
有时候我们常常要操作table去添加一行或删除一行.table代码如下,我们需要在点增加商品的时候在当前行的下面插入一行,数据和当行类似.点击删除的时候删除当前行.<table><tr>@Html.Hidden("GoodsQuestionManageId", @entity.GoodsQuestionManageId)@Html.Hidden("GoodsId", ...原创 2018-04-17 18:05:55 · 2122 阅读 · 0 评论 -
浅谈javascript的Array.prototype.slice.call
在js中我们经常会看到Array.prototype.slice.call(arguments,0)的写法,当然,这个方法的作用也许大家都明白,那就是把类数组对象转换成一个真正的数组。关于这个方法,我说说自己的理解。这里涉及到slice()方法和call()方法,所以先简单说说这两个方法。slice()方法数组和字符串都有这个slice方法,这个方法的作用是截取一段数据。它接收两个参数,第一个参数...转载 2018-05-02 11:08:26 · 127 阅读 · 0 评论 -
JS中的柯里化(currying)
一、柯里化和柯南的关系是?回答:如果我说“柯里化 == 柯南”呢?众人:博主,r u ok!? 是不是钓鱼钓久了脑袋秀逗了哈?柯里化可是函数式编程中的一个技巧,而柯南是到哪儿哪儿死人、10年不老的神话般的存在。八竿子都打不到的,怎会相等呢??回答:诸位,眼睛睁大点,是==, 不是===哦~众人:嗯哪,我眼睛已经瞪得灯泡大了,粑粑并没有变冰淇淋啊?回答:这不就结了嘛。我说的是弱等于==, 又不是强等...转载 2018-05-02 12:43:33 · 1219 阅读 · 0 评论 -
JS模拟Map类方法 使用闭包、扩展方法、对象
根据java中map的属性,实现key----value保存1、使用数组方式存储数据,(使用闭包)function Map() { var struct = function (key, value) { this.key = key; this.value = value; } var put = function (key, value) { for (va...原创 2018-04-20 18:44:21 · 611 阅读 · 0 评论 -
JQuery选择过滤器
JS代码1.DOM对象与JQuery包装集通过document.getElementById(),document.getElementsByName()等取的就是DOM对象或DOM对象集,前者取的是对象,后者取得DOM对象集var text11_dom=document.getElementById("text11");var text11_dom=document.getElementsBy...原创 2018-04-26 10:09:06 · 351 阅读 · 0 评论 -
给JS对象添加扩展方法
如何在JS中像C#语法一样,调用str.Trim()呢? 在JS中string对象自己也有trim方法,可通过str.trim()实现 在jQuery中jquery对象也封装了trim方法,可通过$.trim(str)实现 可是对于TrimStart,TrimEnd的方法,JS的string对象并没有对应方法,jquery也同样没有封装。所以对于使用非常多的方法,我们可以...原创 2018-05-04 13:27:12 · 4451 阅读 · 0 评论 -
JS对象常用扩展方法
string对象1.去除空格:trim //String.prototype.trim = function () {//js1.8版本以上自带,这里强烈建议不重复构写方法,原因会超多次走这个方法 // return this.replace(/(^\s*)|(\s*$)/g, ''); //} String.prototype...原创 2018-05-04 13:32:49 · 786 阅读 · 0 评论 -
Validate + Boostrap tooltip 表单验证示例
一、工具准备:1、boostrap: 下载地址 http://getbootstrap.com/ jquery: jQuery版本需大于或等于1.8.0 jquery.validate.min.js2、validate 及 tooltip 使用教程: 菜鸟教程地址:http://www.runoob.com/jquery/jquery-plugin-validate.html ...转载 2018-05-18 17:54:04 · 488 阅读 · 0 评论 -
JSON字符串与JSON对象互转
将json字符串转换为json对象的方法。在数据传输过程中,json是以文本即字符串的形式传递的,而JS操作的是JSON对象(可以像对象一样调用如obj.name),所以,JSON对象和JSON字符串之间的相互转换是关键。例如:JSON字符串:var str1 = '{ "name": "cxh", "sex": "man" }'; //规则 var str1 = '{ name: "cx...原创 2018-05-07 18:13:50 · 274 阅读 · 0 评论 -
用sessionStorage实现页面之间的数据传输
首先复习一下,存取和删除缓存 sessionStorage.setItem(key,value); sessionStorage.gettItem(key,value); sessionStorage.remove(key);然后看下json对象两种查值方式 var testCookie = sessionStorage.getItem("session"); ...原创 2018-06-25 18:33:27 · 1927 阅读 · 0 评论 -
js 深拷贝和浅拷贝
https://www.cnblogs.com/johnblogs/p/7218344.html原创 2019-01-25 18:39:03 · 127 阅读 · 0 评论 -
$.browser.msie 为空或不是对象问题的多种解决方法
https://www.jb51.net/article/108845.htm转载 2019-01-29 10:33:53 · 793 阅读 · 0 评论 -
JQuery 处理文本框整数按键验证
JS代码: //文本框整数按键事件 function validNumKeyup(e) {//e默认是dom对象 //if (e instanceof jQuery) { $this = e; }else{$this=$(e);}//判断是不是jQuery对象(不用判断,因为$(this)=$($(this))JQuery优化了 ...原创 2018-04-17 14:43:52 · 201 阅读 · 0 评论 -
Jquery上传文件
官网:http://jquery.malsup.com/form/#download 下载地址 $("#form1").ajaxSubmit({ success: function (str) { }, error:原创 2018-04-11 09:18:27 · 140 阅读 · 0 评论 -
jQuery下通过$.browser来判断浏览器
用jQuery来判断浏览器的类型,主要是使用$.browser这个工具类使用方法: $.browser.['浏览器关键字'] $(function() { if($.browser.msie) { alert("this is msie"); } else if($.browser.safari) { alert("this is safari!"); } else if($.br...原创 2018-04-11 09:15:47 · 1193 阅读 · 0 评论 -
ajax和jquery ajax代码示例
js的ajax代码function doDel(id) { if (confirm("确定要删除此数据吗?")) { var xhr = new XMLHttpRequest(); xhr.open("get", "List.ashx?tdo=del&id=" + id, true);//如果传的参数有...原创 2018-04-11 09:14:59 · 293 阅读 · 0 评论 -
Json数据格式
1. 什么是 JSON JSON概念很简单,JSON 是一种轻量级的数据格式,他基于 javascript 语法的子集,即数组和对象表示。由于使用的是 javascript 语法,因此JSON 定义可以包含在javascript 文件中,对其的访问无需通过基于 XML 的语言来额外解析。不过在使用 JSON 之前,很重要的一点是理解 javascript 中数组及对象字面量的特殊语法。1...原创 2018-04-11 09:16:54 · 145 阅读 · 0 评论 -
ajax实现的几种方式总结
第1种. 最原始的js代码: 环境: webForm下 代码: <script type="text/javascript"> function createXmlHttp() {//创建xhr对象 var xhobj = false; try { xhobj = new Activ...原创 2018-04-12 09:33:38 · 3495 阅读 · 0 评论 -
jQuery ajaxForm()的应用
jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地、无侵入地升级HTML表单以支持Ajax。提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程。本文就是介绍了ajaxForm()的应用.一、ajaxForm() 介绍 ajaxForm预处理将要使用 AJAX 方式提交的表单,将所有需要用到的事件监听器添加到其中。它不是提交这个表单。 在页面的ready函数里使...原创 2018-04-17 11:37:59 · 499 阅读 · 0 评论 -
frameset,iframe框架之间如何互相调用变量、函数
以往一直在编写的都是前台的UI,很少使用到frameset、iframe,对其了解也是十分有限,只是知道其可以为其当前页面引入html文件成为当前页的一部分,但是这两天在做后台UI界面的时候,发现这样的框架也是有相当多知识点在里面的。那框架是啥?可以这样说:通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。那么关于框架,有几个方原创 2018-04-11 09:19:08 · 282 阅读 · 0 评论 -
Javscript调用iframe框架页面中函数的方法
这篇文章主要介绍了Javscript调用iframe框架页面中函数的方法,可实现iframe之间传值或修改值,是非常实用的技巧,需要的朋友可以参考下本文实例讲述了在Javscript调用iframe框架页面中函数的方法,这个调用方法其实非常的简单,有了这个方法我们就可以实现iframe之间传值或修改值了,操作起来都非常的简单。分享给大家供大家参考。具体实现方法如下:访问iframe里面原创 2018-04-11 09:19:05 · 332 阅读 · 0 评论 -
C:\\fakepath\\文件路径问题
今天在做导入时,不论是什么路径上传的文件,路径都变成了"C:\fakepath\"+文件名的形式,查询了下,这是ie8下的安全设置问题。 以下就是操作步骤:工具 -> Internet选项 -> 安全 -> 自定义级别 -> 找到“其他”中的“将本地文件上载至服务器时包含本地目录路径”,选中“启用”即可。Js代码 //附带不用修改浏览器安全配置的javascript代码,兼容ie, firefo原创 2018-04-11 09:18:30 · 9605 阅读 · 0 评论 -
解决文件上传返回JSON数据,在IE下提示下载文件(ie8,9)
问题描述:使用<input type=file> 或者jquery.form.js异步上传文件的时候,mvc后台返回json对象的时候ie8会自动弹出下载提示如图而 下载下来json文件,内容就是controller返回的json数据。原因:jQuery-File-Upload.js使用了两种方式上传文件。对于支持XMLHTTPRequest文件上传的浏览器,使用XMLHTTPReq...原创 2018-04-11 09:18:33 · 11322 阅读 · 1 评论 -
判断两个数组是否拥有相同的元素
Array.prototype.isHasSameEle = function (array2) { //做比较的两个数组 var array1 = this; //临时数组存放 var tempArray1 = [];//临时数组1 var tempArray2 = [];/...原创 2019-02-28 17:03:13 · 7357 阅读 · 0 评论