Welcome

首页 / 脚本样式 / JavaScript

结合代码图文讲解JavaScript中的作用域与作用域链

2017-02-06 17
先上三段说明作用域的代码//==========例1========== var scope="global";function fn（）{alert（scope）;var scope="local";alert（scope）;}fn（）;//输出结果？alert（scope）;//输出结果？ //===========例2========== var scope="global";function fn（）{alert（scope）;scope="loc...

JQuery组件基于Bootstrap的DropDownList（完整版）

2017-02-06 17
在前文 创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件 中，实现了DropDownList的JQuery组件，但是留有遗憾。就是当下拉菜单出现滚动条的时候，滚动条会覆盖菜单右侧的两个圆角。使得下拉菜单左侧有2个圆角，右侧没有，看上去不是很完美。如下图所示：本文的内容就是如何恢复右侧的圆角先看看原本的下拉菜单的HTML结构： <ul class="dropdown-menu dropdown-menu-...

JS实现环形进度条（从0到100%）效果

2017-02-06 15
最近公司项目中要用到这种类似环形进度条的效果，初始就从0开始动画到100%结束。动画结果始终会停留在100%上，并不会到因为数据的关系停留在一半。如图代码如下demo.html <！doctype html><html lang="zh"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chr...

一道优雅面试题分析js中fn（）和return fn（）的区别

2017-02-06 16
在js中，经常会遇到在函数里调用其它函数的情况，这时候会有 fn（） 这种调用方式，还有一种是 return fn（） 这种调用方式，一些初学者经常会被这两种方式给绕晕了。这里用一个优雅的面试题来分析一下两种方式的不同之处。var i = 0;function fn（）{ i++; if（i < 10）{ fn（）; }else{ return i; }}var result = fn（）;console.log（result）; 这是一道隐藏了坑的...

jQuery事件委托之Safari

2017-02-06 16
什么是事件委托事件委托是Jquery中一种事件绑定的方式，不同于常见的事件绑定方式将事件绑定在目标元素上，而是将事件绑定在父级元素上通过事件冒泡来执行绑定函数。//常见的事件绑定（Jquery）$（element）.click（function（）{//do something}）//事件委托（Jquery）$（parents）.on（"click",element,function（）{//do something}）事件委托的原理事件委托将事件监听绑定...

jQuery获取浏览器类型和版本号的方法

2017-02-06 17
废话不多说，关键代码如下所示：$（document）.ready（function（）{varbrow=$.browser;varbInfo="";if（brow.msie）{bInfo="MicrosoftInternetExplorer"+brow.version;}if（brow.mozilla）{bInfo="MozillaFirefox"+brow.version;}if（brow.safari）{bInfo="AppleSafari"+brow...

Javascript 基础---Ajax入门必看

2017-02-06 18
Ajax 是现代Web 应用程序开发的一项关键工具。它让你能向服务器异步发送和接收数据，然后用 Javascript 解析。 Ajax 是 Asynchronous JavaScript and XML （异步JavaScript 与XML）的缩写。Ajax 核心规范的名称继承于用来建立和发起请求的 Javascript 对象：XMLHttpRequest 。这个规范有两个等级。所有主流浏览器都实现了第一级，它代表了基础级别的功能。第二级扩展了最初的规范，...

jQuery 3.0十大新特性

2017-02-06 16
jQuery 3.0在日前发布了最终的全新版本。从2014年10月，jQuery团队对这个主要大版本进行维护开始，web开发者社区便一直在期待着这一刻的到来，终于在2016年6月他们迎来了这一个最终版。通过jQuery 3.0的版本更新说明 ，我们看到了一个保持着向后兼容的更轻便，更快速的jQuery。在本文中，我们将介绍一些令人眼前一亮的jQuery 3.0全新特性。开始前的说明如果你想要下载jQuery 3.0进行亲自实验，可以通过 该页面 进行下载。...

快速解决js动态改变dom元素属性后页面及时渲染的问题

2017-02-06 16
今天实现一个进度条加载过程，dom结构其实就是两个div<div class="pbar"> <div class="ui-widget-header" id="percent_bar" style="width: 23%;"></div> </div>控制里层div的宽width属性，就能实现进度条往前走的效果。我的进度条是显示下载文件的进度，简单实现一共100个文件的话，下载一个就1%，下载了20个就走到...

js中window.open的参数及注意注意事项

2017-02-06 16
IE9下使用window.open时需要注意name参数值不能有"-"出现,否则会出现脚本错误,IE9以及版本测试没有问题window.open（URL,name,specs,replace）参数说明URL可选。打开指定的页面的URL。如果没有指定URL，打开与新的空白窗口name可选。指定target属性或窗口的名称。支持以下值：_blank - URL加载到一个新的窗口。这是默认_parent - URL加载到父框架_self - URL替换当前页面_...

Spring MVC中Ajax实现二级联动的简单实例

2017-02-06 17
今天写项目遇到了二级联动，期间遇到点问题，写个博客记录一下。后台Controller：@RequestMapping（"/faultType"）@ResponseBodypublic Map<String,Object> faultType（int id,HttpServletRequest request）throws IOException{String ReturnMessage = "";//获取所有子类故障类型List<Faul...

jQuery插件dataTables添加序号列的方法

2017-02-06 16
官网方法实例：$（document）.ready（function（） {var t = $（"#example"）.DataTable（{"columnDefs": [{"searchable": false,"orderable": false,"targets": 0}],"order": [[1, "asc"]]}）;t.on（"order.dt search.dt",function（） {t.column（0, {search: "applie...

针对BootStrap中tabs控件的美化和完善（推荐）

2017-02-06 16
BootStrap中的tabs控件以其简单易用而很受广大开发者的欢迎。但是，它的样式比较单一，如何才能在其原有的基础上做出更加美观的效果呢，我一直在考虑这个问题。另外，Bootstrap中的tabs必须要单击每个选项卡才能实现切换，能否使用Jquery来控制其自动切换，让它过一段时间（如5秒钟）从一个选项卡切换到另一个呢？下面是我的实现过程，首先是tabs部分的html代码：<div class="tab" role="tabpanel">&l...

Bootstrap选项卡与Masonry插件的完美结合

2017-02-06 16
Bootstrap 是最流行的前端框架之一。在你的项目中使用Bootstrap,你就可以很快的实现响应式的网页。如果你尝试将Masonry和Bootstrap提供的众多JavaScript组件之一的 选项卡组件 一起使用，你将会发现许多讨厌的行为。我遇到过，而本文主要关注这个问题是什么和你要如何来解决这个问题。Bootstrap的TabsBootstrap的选项卡组件包括两个关键点：选项卡导航元素和一些内容面板。在页面加载时，第一个面板应用了 .activ...

移动端 一个简单易懂的弹出框

2017-02-06 15
先给大家展示下效果图，如果大家感觉还不错，请继续参考实现代码。关键代码如下所示：function tishi（content,url） {var html = "<div class="xiaoxi none" id="msg" style="z-index:9999;left: 5%;width: 90%;position: fixed;background:none;top:50%;"> <p class="msg" style="b...

JS如何判断json是否为空

2017-02-06 16
废话不多说，直奔主题了。var jsonStr ={};1、判断json是否为空jQuery.isEmptyObject（）；2、判断对象是否为空：1、if （typeOf（x） == "undefined"）2、if （typeOf（x） ！= "object"）3、if（！x）其中第三种是最简单的方法，但是第三种就不能用if（x）这种互斥的方法去判断，只能在对象前面加！3、json的key是不可以重复的；jsonStr[key]="xxx",存在在替换...

jQuery基于ID调用指定iframe页面内的方法

2017-02-06 16
本文实例讲述了jQuery基于ID调用指定iframe页面内的方法。分享给大家供大家参考，具体如下：复制代码 代码如下:$（window.parent.document）.contents（）.find（"#iframeID"）[0].contentWindow.initPagerList（）;说明：iframeID 为iframe的ID；initPagerList 为 iframe 页面内的方法。<html><head> <...

jQuery深拷贝Json对象简单示例

2017-02-06 15
本文实例讲述了jQuery深拷贝Json对象的简单实现方法。分享给大家供大家参考，具体如下：var oldJson = {Name: "quber",List: [1, 2, 3, 4],Obj: [ { name: "qubernet", fun: function （） { return 1; } }, { name: "qubernet1", fun: function （） { return 2; } }]};var newJson = $.ext...

jQuery操作iframe中js函数的方法小结

2017-02-06 18
本文实例讲述了jQuery操作iframe中js函数的方法。分享给大家供大家参考，具体如下：1、jquery操作iframe中的元素（2种方式）var tha = $（window.frames["core_content"].document）.find（"#trewuuu"）.html（）;var thb = $（"#core_content"）.contents（）.find（"#trewuuu"）.html（）;2、操作父界面中的元素（header...

jQuery+ajax实现实用的点赞插件代码

2017-02-06 16
之前给大家总结了jQuery插件开发的两种方式，这里就实践一下，做一款点赞特效插件，先看看效果吧： 废话少说，上代码：//***扩展对象点赞插件、点赞特效***////***Zynblog**////***2016-5-11**////***用法：jQuery（".praisebtn"）.praise（options）;***//; （function （$） { $.fn.praise = function （options） {var defaults...
<< 161 162 163 164 165 166 167 168 169 170 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图