Welcome

首页 / 脚本样式 / JavaScript

JavaScript计算字符串长度的方法，含中文字符的也可以统计

2020-04-01 51
JavaScript计算字符串长度的方法，含中文字符的也可以统计var jmz = {};jmz.GetLength = function(str) {return str.replace(/[u0391-uFFE5]/g,"aa").length;}; alert(jmz.GetLength(nickname));...

什么是Javascript

2017-02-17 70
什么是Javascript2017-02-16 本站 guaituJavascript是一种用途广泛的网页编程语言，人们常常把Javascript简称为JS。通过Javascript，可以实现更加复杂、优美的网页效果。人们所说的“网页特效”，基本上都是Javascript代码。网上流传的网页特效代码，很多都是以前在IE下开发的，有些在非IE浏览器中看不到效果，因为以前是IE的天下嘛。Javascript是一种小型的、轻量级的、面向对...

js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法

2017-02-15 67
页面滚动动态加载数据,页面下拉自动加载内容相信很多人都见过瀑布流图片布局，那些图片是动态加载出来的，效果很好，对服务器的压力相对来说也小了很多有手机的相信都见过这样的效果：进入qq空间，向下拉动空间，到底部时，会动态加载剩余的说说或者是日志今天我们就来看看他们的实现思路和js控制动态加载的代码下面的代码主要是控制滚动条下拉时的加载事件的在下面代码说明出，写上你的操作即可，无论是加载图片还是加载记录数据 都可以别忘了引用jquery类库$（window）.s...

jquery uploadify如何取消已上传成功文件

2017-02-15 84
如何使用uploadify进行文件上传,各位都能够在网上找到,但是需要注意版本号.我这里仅仅说一下,在文件已经成功上传到服务器之后,如何取消文件的上传. 我使用的是自动上传，即将"auto"属性设置为true. 1.首先我们要设置cancelmg属性,即设置文件上传成功后,显示在文件上的关闭图片.这里需要修改对应CSS中的代码.uploadify-queue-item .cancel a { background: url（"../img/uploadif...

setTimeout学习小结

2017-02-15 55
大致介绍今天看了一篇文章，觉得写得不错，所以学习了一下，这篇博客是我自己的理解和总结原文：你应该知道的 setTimeout 秘密主要内容： 1、setTimeout原理 2、setTimeout（function（）{..},0）的意义 3、setTimeout的this指向和参数问题setTimeout原理先来看一段代码：var start = new Date（）; setTimeout（function（）{console.log（new Date...

JQuery页面随滚动条动态加载效果的简单实现（推荐）

2017-02-15 53
Google阅读器上有一个AJAX scollLoad效果很不错，就是阅读项目时不需要翻页，浏览器滚动条往下拉到一定位置时自动加载新的一批项目进来，一直到所有项目加载完为止。要知道，数据量增加很频繁时，要通过定位页码来找到目标数据似乎并没有什么意义。我觉得用户体验成熟的WEB应用程序应当引导用户使用TAG或搜索等功能来找到目标数据。至于浏览数据，尤其是浏览最新的数据，利用浏览器滚动条来加载，是很好的尝试……我试着用jquery来实现这个功能。先要得到滚动条...

滚动条的监听与内容随着滚动条动态加载的实现

2017-02-15 64
实例如下：<！DOCTYPE html><html><head><title>当滚动条滑到底部时自动加载内容</title><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/><style type="text/css">body{background-color: #808080;}#mai...

深入理解js中的加载事件

2017-02-15 110
前面的话提到加载事件，可能想到了window.onload，但实际上，加载事件是一大类事件，本文将详细介绍加载事件loadload事件是最常用的一个事件，当页面完全加载后（包括所有图像、javascript文件、CSS文件等外部资源），就会触发window上的load事件[注意]IE8-浏览器不会为该事件设置srcElement属性，而其他浏览器的target属性指向documentwindow.onload = function（e）{ e = e ||...

JavaScript中的子窗口与父窗口的互相调用问题

2017-02-15 69
注意：要用open打开才行，如果用openModal打开则会访问不到opener.open的参数：window.open（"page.html","newwindow","height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no"） 参数说明"page.html" 弹出窗口的文件名; "newwindow"...

jQuery实现优雅的弹窗效果（6）

2017-02-15 64
弹窗是网页中经常看到的效果，以前的弹窗是用window.open（）等方式在浏览器窗口新建另一个新窗口来完成的，这种弹窗方式现在已经被很多浏览器所拦截。今天我们来用更加友好的方式来实现弹窗效果。完成的功能效果如图：如图，在浏览器的左上方是两个button按钮，按下之后分别弹出左下角的窗口和中间的窗口，右下角的窗口当页面加载完成之后自动慢慢显示，之后又徐徐的淡出。基于div+css的模式，我们的先来建立html页面。window.html<！DOCTY...

JavaScript实现鼠标点击导航栏变色特效

2017-02-15 77
废话不多说了，直接给大家贴js实现鼠标点击导航栏变色代码，具体代码如下所示：<！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> &...

webpack入门+react环境配置

2017-02-15 56
小结放在前：这篇文章主要是为下一篇的react提前铺好路，webpack是一个前端资源模块化管理和打包工具，说白了就是方便我们管理自己的常用的一些代码，比如你开发中用到sass以及jade同时用到es6，开发时你不可能改动某个地方就挨个命令去转换在到浏览器去看效果，那样效率是非常低的。所以webpack帮我们省去了那些多余的步骤webpack 基本安装开始前还是万万不能缺少的安装：npm install webpack -g安装完接着是建个文件夹新建一个p...

jQuery实现级联下拉框实战（5）

2017-02-15 59
今天来完成jQuery实战的级联下拉框效果。效果功能如下： 页面默认只提供汽车厂商，当选择了具体的某品牌汽车，汽车类型下拉框就会动态的显示出来，选择对应的类型，然后出来该汽车类型对应的轮胎类型下拉框显示出来，选中轮胎类型，页面的正中间会显示出汽车的图片。 思路分析如图： 建立我们的html页面，程序清单如下：代码清单1.1: chainSelect.jsp<body> <div class="loading"> <p>&...

基于JS实现二维码图片固定在右下角某处并跟随滚动条滚动

2017-02-15 59
1、准备一张二维码图片，大小、图片自己定义我这里用的宽度和高度都是253，名称weixin.jpg<！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"> <...

Angular.JS实现无限级的联动菜单（使用demo）

2017-02-15 65
前言之前给大家介绍过一篇关于AngularJS中实现无限级联动菜单的文章，但没来得及和大家分享使用的示例，下面这篇文章就来给大家分享下几个使用的demo。文中包括demo如下：1. 同步加载子选项demo2. 异步加载子选项demo3. 初始值回填demo4. 倒金字塔依赖demo注意：在阅读本文前请先移步上一篇文章：http://www.jb51.net/article/78126.htm1. 同步加载子选项在各联动菜单加载之前，我们已经通过某种方式（比...

jQuery实现标签页效果实战（4）

2017-02-15 62
今天我们来完成《jQuery实战》系列的标签页效果。先来看一看效果图 这里有两部分的内容，上面是一个标签页的效果，下面也是一个标签页的效果。在实际应用中也经常会见到标签页的效果，它的作用主要是在页面可视区有限的情况下展示更多的内容。当用户想看其他内容的时候不需要离开页面，只需要把鼠标移动到某一个标签上就可以看到这个标签里面所对应的内容。门户网站的首页，有很多频道都是标签页的最佳案例，如体育、财经、军事等模块都是位于不同的标签上。上边的标签页一般称为滑动门技...

Canvas + JavaScript 制作图片粒子效果

2017-02-15 63
首先看一下源图和转换成粒子效果的对比图：左侧图片为源图，右侧图片为粒子效果图。该效果是在Canvas画布上制作的。将图片制作成粒子效果相对而言是比较简单的。重点了解两个知识点即可1:图片是通过image对象形式绘制在画布上的，然后使用Canvas的getImageData接口，获取图像的像素信息。var imageData=ctx.getImageData（x, y, width, height）;参数说明：x，y为画布上的x和y坐标width，heigh...

jquery获取下拉框中的循环值

2017-02-15 66
话不多说，请看代码：<select class="test" id="projectno" name="projectno"> <option value=""> 请输入您的所在小区</option> <volist name="cell" id="vo"><option value="{$vo["id"]}">{$vo["name"]}</option> </volis...

Javascript中的神器——Promise

2017-02-15 60
Promise in js回调函数真正的问题在于他剥夺了我们使用 return 和 throw 这些关键字的能力。而 Promise 很好地解决了这一切。2015 年 6 月，ECMAScript 6 的正式版 终于发布了。ECMAScript 是 JavaScript 语言的国际标准，JavaScript 是 ECMAScript 的实现。ES6 的目标，是使得 JavaScript 语言可以用来编写大型的复杂的应用程序，成为企业级开发语言。概念ES6 ...

Vue过滤器的用法和自定义过滤器使用

2017-02-15 63
1、过滤器的用法,用 ‘|" 分割表达式和过滤器。例如：{{ msg | filter}} {{msg | filter（a）}} a就标识filter的一个参数。用两个过滤器：{{msg | myfilter | myfilternumber }}2、自定义的过滤器过滤器的结构为：Vue.filter（"id",function（value,a）{}）;value是过滤器的一个参数，也是默认的原始值。a是自定义的一个参数。自定义过滤器的例子：<！D...
<< 1 2 3 4 5 6 7 8 9 10 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图