利用原生JavaScript获取元素样式只是获取而已

2017年02月06日 13 阅读

ps：是获取样式，不是设置样式。若没有给元素设置样式值，则返回浏览器给予的默认值。（论坛整理）1、element.style:只能获取写在元素标签中的style属性里的样式值，无法获取到定义在<style></style>和通过<link href=”css.css”>加载进来的样式属性复制代码 代码如下:var ele = document.getElementById（"ele"）;ele.style.color; ...

javascript中通过arguments参数伪装方法重载

2017年02月06日 12 阅读

在很多面向对象的高级语言中，都有方法的重载。而javascript没有方法重载这个概念。但是我们可以通过arguments这个参数来伪装成函数的重载在模拟之前我们先看一下代码：复制代码 代码如下://表面上没有声明形式参数的函数function fun（） { alert（"示例代码"）;}fun（"小明", 100, true）;//自己写了三个实际参数通过结果我们看到，即使我们声明函数的时候没有定义形式参数，在调用方法的时候，我们也是可以写实际参数的。...

Javascript获取当前日期的农历日期代码

2017年02月06日 13 阅读

JavaScript代码/*设置农历日期*/var CalendarData=new Array（100）;var madd=new Array（12）;var numString="一二三四五六七八九十";var monString="正二三四五六七八九十冬腊";var cYear,cMonth,cDay,TheDate;// 农历每月只能是29或30天，一年用12（或13）个二进制位表示，从高到低，对应位为1表示30天，否则29天CalendarDat...

一个css与js结合的下拉菜单支持主流浏览器

2017年02月06日 15 阅读

首先声明：本人虽然在web前端岗位干了好多年，但无奈岗位对技术要求不高。html,css用的比较多，JavaScript自己原创的很少，基本都是copy修改，所以自己真正动手写时，发现基础很不牢固，边学习边实践，收获很大。效果图：不废话了，贴码了1、css代码复制代码 代码如下:a:link{color:white;text-decoration:none;} a:visited{color:white;text-decorative:none;} a:h...

get（0）.tagName获得作用标签示例代码

2017年02月06日 12 阅读

复制代码 代码如下:<script type="text/javascript" src="jquery1.4.js"></script><script type="text/javascript">$（function（）{$（".test li,.test dd"）.click（function（）{alert（"本身为大写：" + $（this）.get（0）.tagName + " 利用toLowerCase（）...

使用jQuery将多条数据插入模态框的实现代码

2017年02月06日 12 阅读

复制代码 代码如下://Bootstrap模态框（局部）<div class="modal fade" id="orderDetail"><div class="modal-dialog"><div class="modal-content"> <div class="modal-header"></div><div class="modal-body"><table clas...

使用jQuery.wechat构建微信WEB应用

2017年02月06日 15 阅读

因为最近自己的产品要在微信公众号中推广，需要提供一些有意义的功能，于是被迫走上了支持微信这条不归路。众所周知，腾讯是那样一个神奇的公司，他们的产品在商业上获得巨大成功，但文档真的很难令人恭维，诺大一个公众号开发平台，我竟然找不到真正的，关于web开发的官方文档，有的就是个别示例，剩下的...呵呵，有一个叫开发者交流互助的东东。看完上面这个图后，有没有这样的感觉，一帮群众拼命的想知道发生了什么，但就是没有官方声明！o（∩_∩）o 哈哈说了这么多，赶紧入正题，...

分享一款基于jQuery的视频播放插件

2017年02月06日 12 阅读

最近写了一个在线视频播放的功能，感觉这个插件还可以，和大家分享一下！复制代码 代码如下:<div class="report" id="play-product" style="cursor: pointer" data-flv="视频路径地址"></div><script type="text/javascript">//播放视频$（"#play-product"）.click（function（）{ var flvU...

使用js Math.random（）函数生成n到m间的随机数字

2017年02月06日 12 阅读

摘要：本文讲解如何使用js生成n到m间的随机数字，主要目的是为后期的js生成验证码做准备。Math.random（）函数返回0和1之间的伪随机数，可能为0，但总是小于1，[0,1）生成n-m，包含n但不包含m的整数：第一步算出 m-n的值，假设等于w第二步Math.random（）*w第三步Math.random（）*w+n第四步parseInt（Math.random（）*w+n, 10）生成n-m，不包含n但包含m的整数：​第一步算出 m-...

Javascript验证用户输入URL地址是否为空及格式是否正确

2017年02月06日 12 阅读

复制代码 代码如下:<script type="text/javascript">function checkUrl（） {var url = document.getElementById（"url"）.value;if （url==""）{alert（"URL 地址不能为空"）;return false;} else if （！isURL（url）） {alert（"URL 的格式应该是 http://www.jb51.net"）;retu...

Javascript 读取操作Sql中的Xml字段

2017年02月06日 13 阅读

在一个项目当中，我们需要把数据库中的Xml字段中的信息表现在页面中，如果用Sql进行操作，读取。这样的话，必然导致太复杂，于是我想到了，如果把Xml字段先读出来，然后用Js去操作，这样岂不是简单了许多，于是网上查找了一些资料。实现了JS读Xml字段信息的方法。首先我们在页面中放一个TextBox 用来放Xml字段。切记：不可用Label，因为万一Xml字段信息中有“”这种符号时，页面会产生Js错误。接下去，就是重点了。付JS代码：function crea...

JavaScript运行机制之事件循环（Event Loop）详解

2017年02月06日 12 阅读

一、为什么JavaScript是单线程？JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率啊。JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删...

JavaScript设计模式之策略模式实例

2017年02月06日 13 阅读

策略模式的意义是定义一系列的算法，把它们一个个封装起来，并且使它们可相互替换。一个小例子就能让我们一目了然。回忆下jquery里的animate方法.复制代码 代码如下:$（ div ）.animate（ {“left: 200px”}, 1000, ‘linear" ）; //匀速运动$（ div ）.animate（ {“left: 200px”}, 1000, ‘cubic" ）; //三次方的缓动这2句代码都是让div在1000ms内往右移动200...

JavaScript中的无阻塞加载性能优化方案

2017年02月06日 12 阅读

Javascript在浏览器中的性能，可以说是前端开发者所要面对的最重要的可用性问题。在Yahoo的Yslow23条规则当中，其中一条是将JS放在底部 。原因是，事实上，大多数浏览器使用单进程处理UI和更新Javascript运行等多个任务，而同一时间只能有一个任务被执行。Javascript运行了多长时间，那么在浏览器空闲下来响应用户交互之前的等待时间就有多长。从基本层面说,这意味着<script>标签的出现使整个页面因脚本解析、运行而出现等...

JavaScript设计模式之外观模式实例

2017年02月06日 12 阅读

外观模式（门面模式），是一种相对简单而又无处不在的模式。外观模式提供一个高层接口，这个接口使得客户端或子系统更加方便调用。用一段再简单不过的代码来表示：复制代码 代码如下:var getName = function（）{return ”svenzeng”}var getSex = function（）{return ‘man"}如果你需要分别调用getName和getSex函数. 那可以用一个更高层的接口getUserInfo来调用.复制代码 代码如下:...

JavaScript参数个数可变的函数举例说明

2017年02月06日 12 阅读

题外话：很早就接触了JavaScript，但是没有留意它，看到很多很酷、很炫的网页，都有JavaScript的身影，Google在JavaScript的应用对我的影响最大了。我决心从头开始学习它，所以有了JavaScript & Ajax这个分栏。我打算把这个分栏作为学习笔记记录下来，因此每篇文章笔记可能很简短，一两句话注解而已。JavaScript允许一个函数传递个数可变的参数，因为有arguments这个内置对象，它一个函数传递的所有参数的数组。举个例...

window.location 对象所包含的属性

2017年02月06日 12 阅读

hash//从井号 （#） 开始的 URL（锚）host//主机名和当前 URL 的端口号hostname//当前 URL 的主机名href//完整的 URLpathname//当前 URL 的路径部分port//当前 URL 的端口号protocol//当前 URL 的协议search//从问号 （?） 开始的 URL要使用 JS 定位锚点，完全可以使用 window.hash 配合元素 ID 完成。要使用 JS 捕获页面 GET 方式请求的参数...

JS 新增Cookie 取cookie值 删除cookie 举例详解

2017年02月06日 12 阅读

cookie很实用的一个功能，可以判断某个状态，在项目中使用率极高复制代码 代码如下: function setCookie（name,value） { var Days = 30; var exp = new Date（）; exp.setTime（exp.getTime（） + Days*24*60*60*1000）; document.cookie = name + "="+ escape （value） + ";expires=" + e...

一个js过滤空格的小函数

2017年02月06日 12 阅读

过滤空格，尤其是在一些注册页面比较实用，可以用js在客户端将空格过滤掉，在提交服务器入库复制代码 代码如下:<html><head><title>过滤空格</title><SCRIPT LANGUAGE="JavaScript">var i = 0;document.onmousedown=function（event）{if（i==1）{window.open（"http://www.jb51....

jquery实现多行文字图片滚动效果示例代码

2017年02月06日 12 阅读

今儿分享一个jquery实现多行滚动效果。我看一些论坛网站上面，公告处用的较多。代码如下// 多行滚动（function（$）{$.fn.extend（{Scroll:function（opt,callback）{if（！opt） var opt={};var _this=this.eq（0）.find（"ul:first"）;var lineH=_this.find（"li:first"）.height（）,line=opt.line?parse...