JavaScript资料,JavaScript文章,JavaScript文档-易库教程

Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统

2017年02月06日 9 阅读

栅格系统英文为“grid systems”，也有人翻译为“网格系统”，运用固定的格子设计版面布局，其风格工整简洁，在二战后大受欢迎，已成为今日出版物设计的主流风格之一。1692年，新登基的法国国王路易十四感到法国的印刷水平差强人意，因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的，重视功能性的新字体。委员会由数学家尼古拉斯加宗（Nicolas Jaugeon）担任领导，他们以罗马体为基础，采用方格为设计依据，每个字体方格分为...

JS获取子窗口中返回的数据实现方法

2017年02月06日 9 阅读

在开发的时候，遇到了这样一个问题，客户填写自己的收货地址，可以新建，但同时也可以选择之前填写的，由于我们的客户本身就是商户，地址繁多，把它之前的地址简单用个下拉框罗列出来显然不合适，并且客户要求能够对地址通过姓名筛选，这样，选择地址就必须再开一个小窗来完成了，那么，小窗中填写的值怎么回传呢？js有个方法showModalDialog在这种情况下用的就比较多了，其作用是打开一个模态窗口，什么事模态窗口？就是打开后不能操作父窗口，只有子窗口操作完了，关闭了，才...

js弹出窗口返回值的简单实例

2017年02月06日 9 阅读

a.html:<form name="form1" method="post" action=""><a href="javascript:void（null）" class="add" onClick="open（"b.html","","resizable=1,scrollbars=1,status=no,toolbar=no,menu=no,width=500,height=400,left=150,top=50"）">增加&...

JS模态窗口返回值兼容问题的完美解决方法

2017年02月06日 9 阅读

因系统要兼容原IE已使用的关闭方法，经调试测得，需对window.dialogArguments进行再较验，不然易出问题。function OKEnd（vals） {if （vals == null） vals = "TRUE";if （typeof （window.opener） == "undefined"） {if （typeof （window.dialogArguments）！= "undefined"） {if （window.dialogA...

JavaScript 弹出子窗体并返回结果到父窗体的实现代码

2017年02月06日 9 阅读

思路：用window.showModalDialog方法获取到弹出子窗体的引用，再在子页面用window.returnValue="***"来返回结果。示例代码：（用jQuery简化实现）父页面：parent.html<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt...

jquery div模态窗口的简单实例

2017年02月06日 10 阅读

jquery div模态窗口的简单实例<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head><title>test</...

JQuery Mobile 弹出式登录框的实现方法

2017年02月06日 9 阅读

<a href="#login" data-rel="popup" data-position-to="window" data-role="button">Login</a> <div data-role="popup" id="login" data-theme="a"> <form style="padding:10px 20px;"> <h3>Please sign in</h3&g...

jquery自适应布局的简单实例

2017年02月06日 9 阅读

代码整理 - uix.layout.js/*** Grace [jQuery.js]** UIX页面布局* 290353142@qq.com* exp: * $.uix.layout（）;//执行布局* class="uix-layout-container";//标识布局容器* class="uix_box";//用于调整布局时将此元素高度铺满父容器（支持设置paddingmarginorder）* 例：html1:div中<div class...

jquery mobile界面数据刷新的实现方法

2017年02月06日 9 阅读

JQM里面当我们更新了某些页面标签（如:listview,radiobuttons,checkboxes,selectmenus）里的数据时,必须做refresh操作.为什么必须做refresh操作操作呢?因为JQM在做页面渲染的时候,为了使样式跟客户端程序相似,隐藏了原始的标签然后用一些新的标签和自定义的样式来表现原标签,其实新样式的标签已经不是原来的标签,所以更新了数据必须做refresh操作.各类标签的刷新1.Textareafields$（...

jQuery实现布局高宽自适应的简单实例

2017年02月06日 10 阅读

在页面布局（layout）时经常是上左右的框架布局并且需要宽、高度的自适应，div+css是无法实现（*hegz： div+css其实是可以实现的，利用jQuery比较容易实现浏览器的兼容性），所以需要js来辅助。主要通过 jQuery.resize（）这个方法，也就是当窗口大小改变时重新计算布局的高宽。其它直接看代码即可。Html代码<div id="header"></div> <div id="left"><...

jQuery控制li上下循环滚动插件用法实例（附demo源码下载）

2017年02月06日 9 阅读

本文实例讲述了jQuery控制li上下循环滚动插件用法。分享给大家供大家参考，具体如下：/** * * jQuery scrollQ plugin li上下滚动插件 * @name jquery-scrollQ.js * @author Q * @date 2012-03-23 * line 显示li行数 * scrollNum 每次滚动li行数 * scrollTime 滚动速度单位毫秒 * */（function（$）{var status = fa...

javascript 用函数实现继承详解

2017年02月06日 9 阅读

一、知识储备：1、枚举属性名称的函数：（1）for...in：可以在循环体中遍历对象中所有可枚举的属性（包括自有属性和继承属性）（2）Object.keys（）：返回数组（可枚举的自有属性）（3）Object.getOwnPropertyNames（）：所有的自有属性3、属性的特性：数据属性和存取器属性（1）数据属性：可写（writable）可枚举（enumerable）可配置（configurable）值（value）数据属性只有一个简单的值；（2...

jQuery操作动态生成的内容的方法

2017年02月06日 9 阅读

本文实例讲述了jQuery操作动态生成的内容的方法。分享给大家供大家参考，具体如下：由于jQuery是页面一加载获取页面元素的，后期动态生成的元素，通过$（"#xxxx"）获取不到，需要用原始的js语句来获取：document.getElementById（"xxx"）.value对于动态生成的元素，bind绑定的事件也无法触发，需要通过jQuery提供的另外一个方法 .live（）这个方法是基本是的 .bind（）方法的一个变体。使用 .bind（）...

JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法

2017年02月06日 10 阅读

在jQuery EasyUI中，如果直接在form上布局时当窗口大小调整布局不会改变，将布局应用于body时中间隔着一个form，横竖不好弄。网上有多个解决方案，一般都是写代码，在窗口大小改变时设置布局。经实验，新版本的JQuery EasyUI中布局可以采用以下方式来达到自动适应大小：首先设置样式，使html和body高度为100%（因form和div高度设置为100%需要继承上级）：<style type="text/css">html,b...

jQuery Mobile动态刷新页面样式的实现方法

2017年02月06日 9 阅读

当我们使用Ajax或者javascript动态在页面上添加元素后，如添加select控件的option元素，添加ul的li元素。添加之后我们会发现，它们显示的样式不是jQuery Mobile的炫酷样式了，而变成了很丑陋的元素样式。如下图所示：代码如下：<script>function myFunction（） {var ul = document.getElementById（"myul"）;var li1 = "<li data-ro...

jqueryMobile 动态添加元素,展示刷新视图的实现方法

2017年02月06日 10 阅读

jQuery Mobile的是一个很好的移动开发框架，你可能已经知道，虽然它有很多难以解决的问题，但是我相信后续版本jquery会修复……我是很喜欢jquery的。这并不是说它很完美无暇，很多开发人员遇到的情况也都难解决，比如：尝试使用代码来添加，更新或删除元素，使用JavaScript的页面跳转。在这篇博客文章中，我列出了一些动态添加组建重新刷新的方法。1.Textarea field $（"body"）.prepend（"<textarea id...

深入理解事件冒泡（Bubble）和事件捕捉（capture）

2017年02月06日 9 阅读

事件的发生顺序假设在一个元素中又嵌套了另一个元素并且两者都有一个onClick事件处理函数（event handler）。如果用户单击元素2，则元素1和元素2的单击事件都会被触发。但是哪一个事件先被触发？哪一个事件处理函数会被首先执行？换句话说，事件的发生顺序到底如何？如下图是当点击span元素区域是，三个点击事件都会被触发，但是先后顺序是怎样的呢？<div onclick="func1"> <p onclick="func2"> ...

jquery取消事件冒泡的三种方法（推荐）

2017年02月06日 9 阅读

1、通过返回false来取消默认的行为并阻止事件起泡。jQuery 代码:$（"form"）.bind（ "submit", function（） { return false; }）;2、通过使用 preventDefault（）方法只取消默认的行为。jQuery 代码:$（"form"）.bind（ "submit", function（event）{ event.preventDefault（）; }）;3、通过使用...

浅谈jQuery 中的事件冒泡和阻止默认行为

2017年02月06日 9 阅读

1、事件冒泡<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath（）;String basePath = request.getScheme（）+"://"+request.getServerName（）+":"+request.getServerPort（）+path+"/";%...

前端学习笔记style，currentStyle，getComputedStyle的用法与区别

2017年02月06日 9 阅读

style、currentStyle、getComputedStyle区别介绍样式表有三种方式内嵌样式（inline Style）：是写在Tag里面的，内嵌样式只对所有的Tag有效。内部样式（internal Style Sheet）：是写在HTML的里面的，内部样式只对所在的网页有效。外部样式表（External Style Sheet）：如果很多网页需要用到同样的样式（Styles），将样式（Styles）写在一个以.css为后缀的CSS文件里，然后...

首页 / 脚本样式 / JavaScript

Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统

JS获取子窗口中返回的数据实现方法

js弹出窗口返回值的简单实例

JS模态窗口返回值兼容问题的完美解决方法

JavaScript 弹出子窗体并返回结果到父窗体的实现代码

jquery div模态窗口的简单实例

JQuery Mobile 弹出式登录框的实现方法

jquery自适应布局的简单实例

jquery mobile界面数据刷新的实现方法

jQuery实现布局高宽自适应的简单实例

jQuery控制li上下循环滚动插件用法实例（附demo源码下载）

javascript 用函数实现继承详解

jQuery操作动态生成的内容的方法

JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法

jQuery Mobile动态刷新页面样式的实现方法

jqueryMobile 动态添加元素,展示刷新视图的实现方法

深入理解事件冒泡（Bubble）和事件捕捉（capture）

jquery取消事件冒泡的三种方法（推荐）

浅谈jQuery 中的事件冒泡和阻止默认行为

前端学习笔记style，currentStyle，getComputedStyle的用法与区别