Web Design
文章平均质量分 80
网页设计
ashui811
这个作者很懒,什么都没留下…
展开
-
前端常见跨域解决方案(全)
原文链接:https://www.cnblogs.com/roam/p/7520433.html什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域:1.) 资源跳转: A链接、重定向、表单提交2.) 资源嵌入: <link>、<script>、<img>、<frame>等dom标...转载 2018-05-25 09:02:22 · 171 阅读 · 0 评论 -
CORS简介
现在请跟我做:在您的浏览器的地址栏中输入www.yhd.com并敲击回车。在网站内容全部加载完毕后,按F12打开浏览器的调试窗口。当切换到Sources页时,您会发现您当前所看到的一号店的页面是从多个不同的域中得到的: 或许有些读者会感到奇怪:在之前自己 写网页的时候就曾经尝试访问非当前域中的资源,却怎么也不成功,一号店是如何做到的? 当然,这不是一号店的独门绝技,而仅仅是使用了一...转载 2017-04-05 17:16:06 · 405 阅读 · 0 评论 -
jquery easyui-datagrid 如何清空数据
原文链接:http://blog.csdn.net/shaobaojie/article/details/8500768//清空原有数据方法1: [javascript]view plaincopyprint?varitem=$('#filegrid').datagrid('getRows')转载 2016-05-04 19:10:43 · 686 阅读 · 0 评论 -
easyui datagrid 前台分页的实现
原文链接:https://www.cnblogs.com/wangyt223/p/4189414.html使用easyui分页,有后台服务器端实现和前台浏览器端实现。服务器端实现按规定的格式返回数据就可以了,前台实现需要写js来实现。代码如下:关键代码:1234567891011121314151617181920212223242526272829functionpagerFilter(dat...转载 2018-06-06 15:48:08 · 1174 阅读 · 0 评论 -
jQuery easyUI datagrid 增加求和统计行
原文链接:http://blog.csdn.net/a497785609/article/details/42713119在datagrid的onLoadSuccess事件增加代码处理。 .subtotal { font-weight: bold; }/*合计单元格样式*/ functiononLoadSucce转载 2016-10-19 09:50:34 · 2896 阅读 · 0 评论 -
EasyUI DataGrid根据字段动态合并单元格
原文链接:https://blog.csdn.net/wangshfa/article/details/360003171.合并方法/*** EasyUI DataGrid根据字段动态合并单元格* 参数 tableID 要合并table的id* 参数 colList 要合并的列,用逗号分隔(例如:"name,department,office");*/function mergeCellsByFi...转载 2018-06-02 08:47:49 · 601 阅读 · 0 评论 -
(function($){...})(jQuery)是什么意思
这里实际上是匿名函数function(arg){...}这就定义了一个匿名函数,参数为arg而调用函数 时,是在函数后面写上括号和实参的,由于操作符的优先级,函数本身也需要用括号,即:(function(arg){...})(param)这 就相当于定义了一个参数为arg的匿名函数,并且将param作为参数来调用这个匿名函数而(function($){...})转载 2015-12-25 18:06:58 · 281 阅读 · 0 评论 -
js/jquery中刷新iframe方法(兼容主流)
一。js实现刷新两种方式://方法1document.getElementById('FrameID').contentWindow.location.reload(true);//方法2document.getElementById('youriframe').src=src;实例: id="myframe" width="100%" frameBorder转载 2016-05-03 14:10:22 · 38899 阅读 · 1 评论 -
js中const,var,let区别
今天第一次遇到const定义的变量,查阅了相关资料整理了这篇文章。主要内容是:js中三种定义变量的方式const, var, let的区别。1.const定义的变量不可以修改,而且必须初始化。1 const b = 2;//正确2 // const b;//错误,必须初始化 3 console.log('函数外const定义b:' + b);//有输出值4 // b = 5;5 ...转载 2018-08-05 16:12:00 · 180 阅读 · 0 评论 -
JavaScript事件分类与处理方式
JavaScript通过事件(on开头监听函数)与HTML交互,事件源(网页元素、浏览器或其他)上触发事件的同时产生事件对象传递给事件处理程序。 事件处理程序方式包括: A.HTML事件处理程序--->使用与事件处理程序同名的html属性,优点是原创 2017-03-31 17:54:42 · 256 阅读 · 0 评论 -
JS正则表达式验证数字非常全
验证数字的正则表达式集验证数字:^[0-9]*$验证n位的数字:^\d{n}$验证至少n位数字:^\d{n,}$验证m-n位的数字:^\d{m,n}$验证零和非零开头的数字:^(0|[1-9][0-9]*)$验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$验证有1-3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$验证非零转载 2016-06-06 14:24:01 · 351 阅读 · 0 评论 -
JavaScript对象继承的方式
方式一:原型链方式--->原创 2017-02-15 16:23:18 · 287 阅读 · 0 评论 -
JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作
一、Iframe篇公共部分//父对象得到子窗口的值//ObjectID是窗口标识,ContentID是元素IDfunction GetValue(ObjectID,ContentID){ var IsIE = (navigator.appName == 'Microsoft Internet Explorer')转载 2016-06-08 16:16:33 · 641 阅读 · 0 评论 -
JS回调函数全解析教程
原文链接:http://blog.csdn.net/lulei9876/article/details/8494337自学jQuery的时候,看到一英文词(Callback),顿时背部隐隐冒冷汗。迅速google之,发现原来中文翻译成回调。也就是回调函数了。不懂啊,于是在google回调函数,发现网上的中文解释实在是太“深奥”了,我承认自己才疏学浅了。看了几个回调的例子后,貌似有点理解了。转载 2016-11-18 10:52:41 · 225 阅读 · 0 评论 -
JavaScript数据类型分类
JavaScript的数据类型使用typeof操作符来检测,包括4种简单数据类型和2种复杂数据类型。简单数据类型:1.undefined--->值未定义2.boolean--->布尔值3.number--->数值4.string--->字符串值复杂数据类型1.object--->对象或null值2.function--->函数原创 2017-02-07 17:20:56 · 252 阅读 · 0 评论 -
JavaScript DOM节点分类
DOM可以将任何HTML/XML文档描绘成一个多层节点构成的结构。所有节点都继承自Node,共享相同的属性和方法。nodeType:节点类型,12个数值常量来表示;nodeName:节点名,如果是元素节点则是标签名;nodeValue:节点值Node.ELEMENT_NODE--->1:元素节点--->元素名/nullNode.ATTRIBUTE_NODE--->2:属性节点--->属原创 2017-03-15 17:11:43 · 442 阅读 · 0 评论 -
javascript 中 x offsetX clientX screenX pageX的区别
原文链接:https://blog.csdn.net/yang_chuanlong/article/details/49232945在javascript的事件对象中的关于事件鼠标位置的几个属性(x, pageX, offsetX, scrrenX clientX)及(y, pageY, offsetY, screenY, clientY),其中offsetX, offsetY是指相对于触发事件元...转载 2018-05-24 08:58:07 · 505 阅读 · 0 评论 -
JavaScript定义函数的方式
函数的定义语法方式一:函数声明方式--->function functionName(arg0,....,argN){statements}在任何代码执行之前解析器即会添加到执行环境方式二:函数表达式方式--->var functionName=function(arg0,....,argN){statements})方式三:构造函数方式--->var functionName原创 2017-02-22 09:18:15 · 331 阅读 · 0 评论 -
js将json字符串转换为json对象的方法解析
将json字符串转换为json对象的方法。在数据传输过程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。例如:JSON字符串:var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象:var str2 = { "name": "cxh", "s转载 2015-11-16 14:15:48 · 395 阅读 · 0 评论 -
JavaScript表单控件的属性、方法与相关操作
在 JavaScript 中,form表单对应的是HTMLForm-Element类型,继承了HTMLElement因而与其他HTML元素具有相同的默认属性。form元素独有的属性和方法包括: acceptCharset--->服务器能够处理的字符集HTML中的accept-charset特性 action--->接受请求的URLHTML中的action特性原创 2017-04-01 17:12:17 · 1446 阅读 · 0 评论 -
Javascript的this用法
this是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如, function test(){ this.x = 1; }随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。下面分四种情况,详细讨论this的用法。情况一:纯粹的函数调用这是函数的最通常用法,属于全局性调用,因...转载 2018-05-18 09:48:55 · 118 阅读 · 0 评论 -
JavaScript创建对象的方式
一、创建单个对象方式一:Object构造函数 var o=new Object();o.key=value;...方式二:对象字面量 {"key":"value",...}原创 2017-02-10 15:51:39 · 259 阅读 · 0 评论 -
JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
原文链接:https://www.cnblogs.com/wujindong/p/5592908.html网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight ...转载 2018-05-24 08:58:24 · 2741 阅读 · 0 评论 -
简单明了区分escape、encodeURI和encodeURIComponent
一、前言讲这3个方法区别的文章太多了,但是大部分写的都很绕。本文试图从实践角度去讲这3个方法。二、escape和它们不是同一类简单来说,escape是对字符串(string)进行编码(而另外两种是对URL),作用是让它们在所有电脑上可读。编码之后的效果是%XX或者%uXXXX这种形式。其中ASCII字母、数字、@*/+,这几个字符不会被编码,其余的都会。最关键的是,当你需要对URL编码时,请...转载 2018-05-24 08:57:53 · 328 阅读 · 0 评论 -
JavaScript操作css样式
在HTML中样式定义分为内部css和外部css两种内部css原创 2017-03-17 14:50:11 · 386 阅读 · 0 评论 -
DOM遍历元素节点时忽略空格文本节点的方法
元素节点之间的空格在浏览器中会被解释为文本节点给父节点操作子节点方法带来困扰,DOM中扩展了方法解决A.childElementCount--->返回子元素(不包括文本节点和注释)的个数B.firstElementChild--->指向第一个子元素(不包括文本节点和注释)C.lastElementChild--->指向最后一个子元素(不包括文本节点和注释)D.previousEle原创 2017-03-16 14:28:50 · 2155 阅读 · 0 评论 -
JavaScript解决闭包问题的方式
执行环境和作用域链每个执行环境都有一个与之关联的变量对象,执行环境中定义的所有变量和函数都保存在这个对象中,某个执行环境所有代码执行完毕后会销毁环境。全局执行环境是最外围的一个执行环境(window对象,直到应用程序退出时才会销毁),每个函数都有自己的执行环境和作用域链(保证执行环境有权访问所有层级变量和函数,顺序为)原创 2017-02-23 18:55:13 · 243 阅读 · 0 评论 -
js图片轮播效果实现代码
这篇文章主要介绍了js图片轮播效果实现代码,文章对每一步进行了详细阐述,标注注意事项,为顺利实现js图片轮播效果做好铺垫,对轮播效果感兴趣的朋友可以参考一下首先给大家看一看js图片轮播效果,如下图具体思路:一、页面加载、获取整个容器、所有放数字索引的li及放图片列表的ul、定义放定时器的变量、存放当前索引的变量index二、添加定时器,每隔2秒钟index递增一次、转载 2018-04-24 18:06:04 · 17236 阅读 · 4 评论 -
关于align-items和align-content的区别和使用场景
最近在研究flex布局,容器中有两个属性,是用来定义crossAxis测轴排列方式的。一开始接触align-items还可以理解感觉不难,后来看到align-content就感觉有点混淆了,特开一篇博客记录一下我的学习过程。先来看看两个属性的基本用法和定义,这里摘抄于萤火虫塔莉上的回答。align-itemsThe align-items property applies to al...转载 2018-07-24 10:23:41 · 11071 阅读 · 4 评论 -
CSS3选择器:nth-child和:nth-of-type之间的差异
咋一看,:nth-child和:nth-of-type 比较相似,但是两者区别还是比较大的。先来看他们相似的地方:1 2 3<!--:nth-child--><style type="text/css"> p{border:1px solid red;height:20px;} p:nth-child(2){background:blue...转载 2018-07-24 11:25:57 · 202 阅读 · 0 评论 -
CSS流、浮动和定位
流:浏览器在页面上摆放HTML元素的所用的方法标准流:默认的流,在网页布局中按元素的写入顺序显示,其中块元素从自上而下而内联元素自左而右摆放(文本是内联元素的一种特殊情况,浏览器会把他分解为适当大小的内联元素以适应给定的空间)非标准流:让元素脱离原先应该在的位置,方式包括浮动和定位浮动:float:left/right--->元素会从标准流中删除,尽量向左或向右移动让出相反方向原创 2017-05-23 16:40:04 · 319 阅读 · 0 评论 -
CSS盒子模型
html元素都可以看成是一个盒子,整个盒子模型在页面中占用的宽度=左边界+左边框+左填充+内容+右填充+右边框+右边界 内容:盒子模型的内容,包括文本或图像。内容部分的宽度在css中使用width定义 填充:盒子模型边框和内容之间创建的透明空间称为padding内边距,不可以设置颜色和任何装饰,可以呈现背景颜色和图像 边框:包围内边距的部分称为border边框,原创 2017-05-17 11:06:22 · 296 阅读 · 0 评论 -
解决子级用css float浮动 而父级div没高度不能自适应高度
解决子级对象使用css float浮动 而父级div不能自适应高度,不能被父级内容撑开解决方法,父级div没有高度解决方法。最外层的父级DIV不能自适应高度-不能随对象撑开没有高度当在对象内的盒子使用了float后,导致对象本身不能被撑开自适应高度,这个是由于浮动产生原因。如何解决父div对象自适应高度,方法有三种,接下来DIVCSS5逐一介绍。1、首先我们先看HTML源代码:<!DOCTY...转载 2018-04-19 15:55:03 · 704 阅读 · 0 评论 -
浅析CSS——元素重叠及position定位的z-index顺序
转载地址:http://www.cnblogs.com/mind/archive/2012/04/01/2198995.html多次在项目中遇到html页面元素的非期待重叠错误,多数还是position定位情况下z-index的问题。其实每次解决类似问题思路大致都是一样的,说到底还是对z-index的理解比较模糊,可以解决问题却不大了解其原因,导致重复出错......于是决定把重叠问题弄转载 2016-06-15 17:14:33 · 586 阅读 · 0 评论 -
通过css控制HTML文本框中的文字垂直居中
当定义了 Text 的 height 属性时,在 Text 中输入的文字都不是垂直居中的,不过你可以添加CSS来控制它,让输入的文字垂直居中,使网页更完美。 复制代码代码如下: #text { height:20px; vertical-align:middle; line-height:20px; /*line-height must be e转载 2016-03-23 16:50:09 · 1026 阅读 · 0 评论 -
CSS 替换元素和非替换元素 行内非替换元素
html元素也可以分为替换元素和非替换元素1.替换元素替换元素是由浏览器根据表示的元素和属性决定显示的内容。例如:<img src="./image.jpg" />他由标签元素img和属性src来决定显示的内容。<input type="text" />如果text换成其他的属性值,input会显示不同的样子,这也是有input和type属性值决定显示内容的。像<im...转载 2018-05-13 10:00:20 · 286 阅读 · 0 评论