Welcome 微信登录

首页 / 脚本样式 / JavaScript

理解和运用JavaScript的闭包机制

理解和运用JavaScript的闭包机制

伟大的爱因斯坦同志说过:“如果你无法向一个 6 岁小孩解释清楚某问题,那说明你自己都没整明白”。然而,当我向一个 27 岁的朋友解释什么是闭包时,却彻底失败了。这原本是国外某哥们儿在 Stack Overflow 上对 JavaScript 闭包所提出的问题。不过既然此问题是在 Stack Overflow 提出的,当然也会有很多高手出来解答,其中有些回答确实是经典,如下面这个:如果在一个外部函数中再定义一个内部函数,即函数嵌套函数,那么内部函数也可以访问...
js实现文本框宽度自适应文本宽度的方法

js实现文本框宽度自适应文本宽度的方法

本文实例讲述了js实现文本框宽度自适应文本宽度的方法。分享给大家供大家参考。具体如下:一个会随着输入文本框的字符多少而自动增加宽度的JS代码,当我们在文本框中输入字符的时候,如果文本框的宽度定义太小的话,那么我们输入的字符将会被隐藏,本段代码实现了文本框会自动适应输入文字的多少,它会自动加长。运行效果如下图所示:具体代码如下:<!Doctype HTML PUBLIC "-//W3c//DTD Html 1.0 Transitional//EN"&g...
JavaScript生成SQL查询表单的方法

JavaScript生成SQL查询表单的方法

本文实例讲述了JavaScript生成SQL查询表单的方法。分享给大家供大家参考。具体如下:这里使用JavaScript生成复杂的SQL查询表单,运行一下就明白了,它可以根据选择的查询条件,自动修改你的SQL语句,是一个很典型的应用。运行效果截图如下:具体代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD...
js实现仿网易点击弹出提示同时背景变暗效果

js实现仿网易点击弹出提示同时背景变暗效果

本文实例讲述了js实现仿网易点击弹出提示同时背景变暗效果。分享给大家供大家参考。具体如下:这里仿网易点击弹出提示,背景变暗提示层效果,圆角,美观简洁,代码稍嫌多。运行效果如下图所示:在线演示地址如下:http://demo.jb51.net/js/2015/js-sina-dialog-bgcolor-codes/具体代码如下:<html><head><title>点击弹出提示,背景变暗</title><...
再JavaScript的jQuery库中编写动画效果的指南

再JavaScript的jQuery库中编写动画效果的指南

jquery中常用的动画的方法就是hide()与show().$(element).hide()这段代码可以与这相等element.css("display","none")在hide(time)与show(time)中填入事件,可以慢慢消失跟显现。可以修改元素的多个样式,高度,宽度,不透明度。另一组方法fadeIn()与fadeOut()这个与hide跟show不同的是,当使用hide或者show的时候会改变网页的高度,而fadeIn与fadeOut则不...
在jQuery中使用$而避免跟其它库产生冲突的方法

在jQuery中使用$而避免跟其它库产生冲突的方法

在Jquery中,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,如$("#msg")等同于JQuery("#msg")的写法。然而,当我们引入多个js库后,在另外一个js库中也定义了$符号的话,那么我们在使用$符号时就发生了冲突。下面以引入两个库文件jquery.js和prototype.js为例来进行说明。 第一种情况:jquery.js在prototype.js之后进行引入,如:<script src="prototyp...
数据分析软件之FineReport教程:[5]参数界面JS(全)

数据分析软件之FineReport教程:[5]参数界面JS(全)

在用报表工具设计报表时,使用参数控件时,有时我们希望部分参数控件在没满足条件时不显示,满足条件后再显示,接下来我就来教教大家怎么做!表格软件如何根据条件控制参数控件是否显示一:问题描述在使用参数控件时,有时我们希望部分参数控件在没满足条件时不显示,满足条件后再显示,如下图效果:只有前面的下拉款选择了内容之后,后一层下拉框控件才显示出来:二:解决方案首先将被控制的控件初始化为不可见或者不可用,然后在条件控件上增加编辑结束事件,通过js脚本设置被控制控件可见或...
freemarker判断对象是否为空的方法

freemarker判断对象是否为空的方法

FreeMarker与Web容器无关,即在Web运行时,它并不知道Servlet或HTTP。它不仅可以用作表现层的实现技术,而且还可以用于生成XML,JSP或Java 等。freemarker中显示某对象使用${name}.但如果name为null,freemarker就会报错。如果需要判断对象是否为空:<#if name??>……</#if>当然也可以通过设置默认值${name!""}来避免对象为空的错误。如果na...
avalon js实现仿微博拖动图片排序

avalon js实现仿微博拖动图片排序

下文针对仿微博图片随意拖动,调整图片的顺序,讲解的很详细,文章肯定还有欠缺的地方,欢迎提出批评改正。废话不多说了,看具体内容吧。点击此处进入源码下载什么是拖动图片排序?就像微博这种,上传后允许用户通过拖动图片,调整几张图片的顺序。可以看到微博在这里把每张图片固定了尺寸,稍微严谨点的话,就需要像上一篇文章那样,外面是响应式的等高等宽的若干div容器,里面则是等比例缩放的响应式图片。下面说下要求。1.当然首先图片要可以拖动。2.图片移出其原本的位置,拖...
CSS图片响应式 垂直水平居中

CSS图片响应式 垂直水平居中

我看最近微博流行CSS居中技术,我看了几编资料写的都不多好,于是抽时间把相关资料整合了,具体内容如下。点击此处下载源码效果展示:要求:1.尽可能兼容更多浏览器,这里兼容到ie7,ie6不支持max-*就不考虑了。2.浏览器尺寸变化时,图片总是等比例拉伸或缩放。3.包裹图片的div也是响应式的,并且每个div的尺寸是一样的。4.图片始终保持水平垂直居中。5.图片的行列数不变,这里一直都是3*3.下面来搞定一个个要求。满足要求1意味着这里要尽量不使用高级浏览器...
jQuery编程中的一些核心方法简介

jQuery编程中的一些核心方法简介

调用 jQuery 对象的方法很简单:$("h1").remove();大多数 jQuery 方法都是像上面这样被调用的,这些方法都位于 $.fn 命名空间内,这些方法称为 jQuery 对象方法。但是也有一些方法不需要依赖于选择器的结果集,这些方法位于 jQuery 命名空间内,这些方法称为 jQuery 核心方法。如果觉得不好理解,记住下面两条即可: 所有 jQuery 选择器的方法都位于 $.fn 命名空间内。 $ 内的方法一般都是一些实用的功能性方...
js实现Select列表各项上移和下移的方法

js实现Select列表各项上移和下移的方法

本文实例讲述了js实现Select列表各项上移和下移的方法。分享给大家供大家参考。具体如下:这里介绍Select列表各项上移和下移的Js代码,可以手功排序,以前我们都见到过的,从事WEB编程的朋友经常会用得到。运行效果如下图所示:在线演示地址如下:http://demo.jb51.net/js/2015/js-select-move-up-down-codes/具体代码如下:<html><head><title>Sele...
jQuery入门基础知识学习指南

jQuery入门基础知识学习指南

打开一个网页,如果 HTML 没有完全加载完毕,就去操作页面中元素是不安全的,但是监测 HTML 是否加载完毕呢?jQuery 提供了一个 $(document).ready() 方法,任何 ready 中的代码在 HTML 完全加载完成后才会被执行。$(document).ready(function() {console.log("ready!");});此外,它还有一个简写方式$(function() {console.log("ready!");}...
js实现人才网站职位选择功能的方法

js实现人才网站职位选择功能的方法

本文实例讲述了js实现人才网站职位选择功能的方法。分享给大家供大家参考。具体如下:这是一个比较实用的JS列表框功能,像很多人才网站的职位选择功能一样,从左侧列表框选择后会添加至右侧列表框,还可以上下移动、增删内容,感觉非常有用的代码。运行效果如下图所示:在线演示地址如下:http://demo.jb51.net/js/2015/js-job-type-select-cha-codes/具体代码如下:<html><head><t...
<< 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 >>