◆前端开发
日出东方VS唯我不败
这个作者很懒,什么都没留下…
展开
-
通过ajax将数组或list集合传到后台的方法
一、传数组前端js:$(document).on('click', '#sendArr', function () { var ids = []; for(var i=0; i<10; i++){ ids.push(i); } $.ajax({ type: 'post', ...原创 2018-05-11 14:23:21 · 32227 阅读 · 5 评论 -
在页面加载完成后执行任务
方式一:通过JavaScript注册事件处理程序的传统机制是,把一个函数指定给DOM元素的对应属性。例如,假设我们已经定义了如下函数:function doStuff(){ //执行某种任务… …}那么,我们既可以在HTML标记中指定该函数:onload=”doStuff();”>也可以在JavaScript代码中指定该函数:window.onload=doS原创 2016-12-06 14:26:21 · 1197 阅读 · 0 评论 -
HTML 头信息(ContentType)大全
此文档参照网络资料整理HTML头信息(ContentType)大全 ContentTypes: "ez","application/andrew-inset" ContentTypes :"hqx","application/mac-binhex40" ContentTypes :"cpt","application/mac-compactpro" Co转载 2016-12-06 12:24:15 · 608 阅读 · 0 评论 -
HTML语法大全
跑马灯...普通卷动...滑动...预设卷动...来回卷动...向下卷动...向上卷动向右卷动 向左卷动...卷动次数...设定宽度...设定高度...设定背景颜色...设定卷动距离...设定卷动时间字体效果...标题字(最大)...标题字(最小)..转载 2016-12-06 12:22:58 · 343 阅读 · 0 评论 -
TagSupport与BodyTagSupport的区别
1、 TagSupport与BodyTagSupport的区别TagSupport与BodyTagSupport的区别主要是标签处理类是否需要与标签体交互,如果不需要交互的就用TagSupport,否则如果需要交互就用BodyTagSupport。交互就是标签处理类是否要读取标签体的内容和改变标签体返回的内容。用TagSupport实现的标签,都可以用BodyTagSupport来实现,因为B转载 2016-11-23 18:07:48 · 332 阅读 · 0 评论 -
为了美观当网页图片不存在时不显示叉叉图片
当在页面显示的时候,万一图片被移动了位置或者丢失的话,将会在页面显示一个带X的图片,很是影响用户的体验。即使使用alt属性给出了”图片XX”的提示信息,也起不了多大作用。其实,可以这样处理:当图片不存在的时候,会触发onerror事件,我们可以在该事件中做一下补救的工作,比如:1、让这个图片元素隐藏:为了美观当网页图片不存在时不显示叉叉图片 src="图片的url地址" alt="转载 2016-12-06 10:38:11 · 7659 阅读 · 0 评论 -
HTML、CSS、JS中的注释方法
HTML中:使用解释:在html中,小于符号“”,注意这些字符都需要英文半角小写输入。 html注释实例-www.divcss5.com 我是内容-html注释知识 判断作用的注释:<!--[if IE]>这里是正常的html代码您正在使用IE浏览器 如果IE版本是 6,我将被IE6浏览器显示 如果IE版本是 7,原创 2016-12-01 17:57:15 · 1880 阅读 · 0 评论 -
如何用JS禁止弹出警告框
警告框是很多用户不喜欢的提示。本例学习如何通过重写方法,实现禁止警告框的功能。【实现代码】 测试屏蔽弹窗 window.alert = function(str) { return ; } alert("看看能不能弹出警示框"); 【难点剖析】本例的重点是对于“alert”方法的重写。注意重写的语法为转载 2016-12-01 17:31:04 · 3987 阅读 · 1 评论 -
readyState的五种状态
对于readyState的五种状态的描述或者说定义,很多Ajax书(英文原版)中大都语焉不详在《Pragmatic Ajax A Web 2.0 Primer 》中偶然看到对readyStae状态的介绍,感觉这个介绍很实在……比较理想的解释方法应该以“状态:任务(目标)+过程+表现(或特征)”的表达模式来对这几个状态进行定义【全文】在《Pragmatic Ajax A We转载 2016-11-15 18:19:47 · 1059 阅读 · 0 评论 -
XMLHTTPRequest状态status完整列表
AJAX中请求远端文件、或在检测远端文件是否掉链时,都需要了解到远端服务器反馈的状态以确定文件的存在 与否。 当然,在我们平常浏览网页时,也会发现一些文件不存在时显示为“404错误”,这就是常见的Http请求状态(status) Web服务器响应浏览器或其他客户程序的请求时,其应答一般由以下几个部分组成:一个状态行,几个应答头,一个空行,内容文档。下面是一个最简单的应答:转载 2016-11-15 18:17:15 · 1047 阅读 · 0 评论 -
XMLHttpRequest Level 2 使用指南
XMLHttpRequest是一个浏览器接口,使得Javascript可以进行HTTP(S)通信。最早,微软在IE 5引进了这个接口。因为它太有用,其他浏览器也模仿部署了,ajax操作因此得以诞生。但是,这个接口一直没有标准化,每家浏览器的实现或多或少有点不同。HTML 5的概念形成后,W3C开始考虑标准化这个接口。2008年2月,就提出了XMLHttpRequest Level 2 草案转载 2016-11-15 18:10:02 · 412 阅读 · 0 评论 -
js中如何获取元素的高度
一、碎碎念~前言我们都用过jQuery的CSS()方法,其底层运作就应用了getComputedStyle以及getPropertyValue方法。对于那些只想混口饭吃的人来讲,晓得CSS()如何使用就足够了。对于希望在JS道路上越走越远的来人说,简单了解一些JS库底层实现对自己的学习很有帮助。可能谈不上信手拈来的使用,至少对创造一些创意新颖的新技术拓宽了思路。jQuery原创 2016-11-18 17:19:25 · 34210 阅读 · 0 评论 -
jQuery对象与dom对象相互转换
什么是jQuery对象?---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法。比如:$("#test").html() 意思是指:获取ID为test的元素内的html代码。其中html()是jQuery里的方法这段代码等同于用DOM实现代码:document.getElementById("id").转载 2016-11-15 16:59:09 · 245 阅读 · 0 评论 -
JSTL自定义标签
1. 自定义标签简介 自定义标签主要用于移除JSP页面中的Java代码。Jsp页面主要是用来显示给前台的,如果里面有过多的java代码的话,会显得很乱,但是没有java代码也无法获取相关数据或完成相关操作。那么这时候我们就可以自己定义一个标签,来完成需要用java代码完成的事情,这样Jsp页面就会清洁很多,可读性也更强。JSP中使用自定义标签移除只需要完成以下两个步骤:转载 2016-06-17 11:45:43 · 476 阅读 · 0 评论 -
jQuery自定义插件
总结:jQuery编写插件的两种方法1.添加jQuery对象级的插件,是给jQuery类添加方法写法:;(function($){ $.fn.extend({ "函数名":function(自定义参数){ //这里写插件代码 } }); })(jQue转载 2016-05-16 15:59:08 · 415 阅读 · 0 评论 -
jquery获取元素索引值index()
jquery获取元素索引值index()方法:jquery的index()方法搜索匹配的元素,并返回相应元素的索引值,从0开始计数。如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置。如果参数是一个选择器,那么返回值就是原先元素转载 2016-11-28 16:25:11 · 9769 阅读 · 1 评论 -
layer框架中自定义ajax验证
利用layui的form.verify实现自定义验证规则//自定义验证规则form.verify({ name: function(value, item){//value:表单的值、item:表单的DOM对象 if(!new RegExp('^[a-zA-Z0-9_\u4e00-\u9fa5\s·]+$').test(value)){ ...原创 2018-03-28 14:39:48 · 2258 阅读 · 1 评论 -
JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金)
第一: 限制只能是整数[js] view plain copy"text" name= "number" id = 'number' onkeyup= "if(! /^d+$/.test(this.value)){alert('只能整数');this.value='';}" /> 如果不是整数就直接alert第二: 限制转载 2017-11-23 14:11:34 · 11409 阅读 · 0 评论 -
JS获取当前时间戳的方法
JavaScript 获取当前时间戳:第一种方法:var timestamp = Date.parse(new Date());结果:1510551582000第二种方法:var timestamp = (new Date()).valueOf();结果:1510551597210第三种方法:var timestamp=new D转载 2017-11-13 13:42:06 · 3324 阅读 · 0 评论 -
javascript控制页面控件隐藏显示的两种方法
display的显示影藏方式 block:显示,none:影藏 ;影藏后不占有原有位置visibility的显示影藏方式 visible:显示,hidden:影藏 影藏后仍占有原有位置javascript控制页面控件隐藏显示的两种方法,方法的不同之处在于控件隐藏后是否还在页面上占位方法一:document.getElementById("Solin").style.visibi原创 2016-10-14 18:42:28 · 4465 阅读 · 0 评论 -
JavaScript停止冒泡和阻止浏览器默认行为
1.event.stopPropagation()方法这是阻止事件的冒泡方法,不让事件向document上蔓延,但是默认事件任然会执行,当你掉用这个方法的时候,如果点击一个连接,这个连接仍然会被打开;2.event.preventDefault()方法这是阻止默认事件的方法,调用此方法是,连接不会被打开,但是会发生冒泡,冒泡会传递到上一层的父元素;3.return转载 2017-08-14 14:30:42 · 439 阅读 · 0 评论 -
HTML5学习之FileReader接口
用来把文件读入内存,并且读取文件中的数据。FileReader接口提供了一个异步API,使用该API可以在浏览器主线程中异步访问文件系统,读取文件中的数据。到目前文职,只有FF3.6+和Chrome6.0+实现了FileReader接口。1、FileReader接口的方法FileReader接口有4个方法,其中3个用来读取文件,另一个用来中断读取。无论读取成功或失败,方法并不会返回读取转载 2017-07-13 20:21:42 · 399 阅读 · 0 评论 -
HTMl5的sessionStorage和localStorage
html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。而localStorage用于持久化的本地存转载 2017-04-27 14:39:09 · 1760 阅读 · 0 评论 -
Javascript 中的神器——Promise
Promise in js回调函数真正的问题在于他剥夺了我们使用 return 和 throw 这些关键字的能力。而 Promise 很好地解决了这一切。2015 年 6 月,ECMAScript 6 的正式版 终于发布了。ECMAScript 是 JavaScript 语言的国际标准,JavaScript 是 ECMAScript 的实现。ES6 的目标,是使得转载 2017-05-15 17:28:30 · 627 阅读 · 0 评论 -
对Promise中的resolve,reject,catch的理解
对promise这个概念之前已经有了一些浅显的理解,相关文章->戳这里,最近又有了一些新的理解。.then()的时候到底是在then什么…首先要理解…Promise是一个对象,有then()方法的对象then()的入参是一个函数,通常在promise链中,入参是 一个返回promise的函数 ,这句话好像有点拗口,就是说入参是一个函数,这个函数会return一个promise对象如何破坏pr...转载 2017-05-15 17:26:05 · 50325 阅读 · 3 评论 -
SuperAgent使用简介
SuperAgentSuperAgent是轻量级更为优化的ajax API,对比大量糟糕的现存的API,SuperAgent是灵活的、易读的、并且非常易学,同时SuperAgent可用于Node.js!request .post('/api/pet') .send({ name: 'Manny', species: 'cat' }) .set('X-API-Key',转载 2017-05-15 13:38:11 · 2853 阅读 · 0 评论 -
jsp 输入框<input>回车事件 onkeydown 和 onkeypress
例子:HTML:doSearch(event.keyCode||event.which)">JavaScript:/** * 查询用户信息 */function doSearch(e){if(e == 13){var value = $("#userName").val();configInfoTable.datagrid('load', {na转载 2017-04-24 14:37:47 · 10128 阅读 · 1 评论 -
js ==与===区别
== 1==‘1’ 返回true=== 1===‘1’ 返回false=== 是要求俩边不管值还是类型都要一致, 而== 则不会要求类型也必须一致原创 2017-04-14 10:22:30 · 289 阅读 · 0 评论 -
HTML5+开发移动app教程3-mui开发示例
前言看了前面两篇内容是否有点跃跃欲试了?下面就开始一个简答的例子,以及mui相关内容mui官网:http://dcloudio.github.io/mui/说明:希望你可以把官网内容通读一遍,这是以后开发的基础开始新建项目在首页点击新建移动App,如下:或者在项目管理器内右键新建,或者快转载 2016-10-19 12:10:46 · 1688 阅读 · 0 评论 -
HTML5+开发移动app教程1-环境搭建
前言本教程是介绍使用HTML5+(nativejs)和mui开发移动app(包括Android和iOS),感兴趣请继续,不感兴趣请跳过,大部分来自官方api,增加了一些自己的总结。HBuilder说明用h5+开发app的环境,也是ide,对eclipse做了深度定制,以前使用过eclipse或者myeclipse可以直接上手官网转载 2016-10-19 12:01:27 · 2122 阅读 · 0 评论 -
HTML5+开发移动app教程2-原理介绍
原理HTML5+开发app的原理大概是这样:html页面负责内容;ui负责页面样式;js负责调用原生app方法。html5html5这部分负责页面,也就是app中你看到的东西,大概的架构和内容uiui负责页面样式,既然要做移动app,那做出的效果就得和移动端靠近,这里并没有局限于用那种ui,比较常见的适转载 2016-10-19 12:05:09 · 580 阅读 · 0 评论 -
js得到url的各个部分
URL即:统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成:scheme://host:port/path?query#fragment scheme:通信协议常用的http,ftp,maito等host:主机服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。port:端口号整数,可选,省转载 2016-06-12 10:41:28 · 1381 阅读 · 0 评论 -
js 弹出子窗口
Javascript弹出子窗口 可以通过多种方式实现,下面介绍几种方法 (1) 通过window对象的open()方法,open()方法将会产生一个新的window窗口对象 其用法为: window.open(URL,windowName,parameters); URL: 描述要打开的窗口的URL地址,如何为空则不打开任何网页; windowName:转载 2016-06-14 16:03:13 · 2919 阅读 · 0 评论 -
Window.open详解
一、window.open()支持环境:JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+二、基本语法:window.open(pageURL,name,parameters) 其中:pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 三、示例:转载 2016-06-14 17:55:58 · 1425 阅读 · 0 评论 -
如何在A页面中实现对B页面的循环打开关闭
我们知道通过window.open(url)可以在A页面中打开一个新窗口B,但是如何关闭呢?方法签名:oNewWindow = window.open( sURL , sName , sFeatures, bReplace)通过方法签名可以看出,window.open在打开一个窗口(其url为sURL)后,将返回一个代表该窗口对象的一个变量oNewWindow,如果打开不成功,原创 2016-06-14 18:23:52 · 1607 阅读 · 0 评论 -
JS中生成与解析JSON
js中生成json对象js中解析json字符串:1.eval("..."): var a_id=eval(‘{"name":123}’); 如果eval中的内容含有恶意脚本就麻烦了2.json_parse: 需要导入json_parse.js: JavaScript"> v转载 2016-06-15 11:04:35 · 721 阅读 · 0 评论 -
setTimeOut如何传参数
无论是window.setTimeout还是window.setInterval,在使用函数名作为调用句柄时都不能带参数。先看一个简单的代码:function Hello(){ alert("Hello World");}setTimeout(Hello,1000);这段代码的效果是在1秒后显示Hello World,但是如果改成setTimeOut(Hello(),原创 2016-06-15 14:41:47 · 7438 阅读 · 1 评论 -
使用js模拟点击a链接 无效的解决方案
使用js模拟点击,点击a链接 $("#abc ").click(); 无效的解决方案问题分析点击A标签本身,并不会触发跳转到指定链接的事件,就是说,我们平时都是点击的A标签中的文字了。 所以要想用JS模拟点击A标签事件,就得先往A标签中的文字添加能被JS捕获的元素,然后再用JS模拟点击该元素即可。打印$("a")[0],得到的是http://www.baidu.com,但实际上$(原创 2016-06-03 12:00:14 · 5325 阅读 · 0 评论 -
如何让网页上的失效图片,显示默认缺省图片
做网页图片展示的时候,当图片不存在时网页上的图片位置会显示一个红x,这看起来多不好啊。这时可以通过js来判断图片是否加载成功,如果未加载成功,则加载默认图片用以提示该图片不存在。那怎么做呢?其实这个方法很简单,就是“onerror”事件,当图片未加载成功时,就会触发该事件。触发该事件后,可以写个语句,让img标签创新加载默认图片来替换显示不了的图片。具体事例转载 2016-05-16 15:17:08 · 1698 阅读 · 0 评论 -
HTML之marquee标签详解
marquee语法: 实例一Hello, Worldmarquee常用到的两个事件:onMouseOut="this.start()" 当鼠标移出该区域时onMouseOver="this.stop()" 当鼠标移入该区域时实例二marquee常用到的两个事件下面开始说一下marquee所支持的属性align设定标签内容的对齐方式a原创 2016-06-14 12:08:31 · 999 阅读 · 0 评论