菜单

js插件:自动生成二维码的javascript库QRCode.js

QRCode.js是一个用于生成二维码的javascript库,通过获取DOM标签再使用HTML5的Canvas绘制而成,不依赖任何库(如jQuery)。QRCode.js支持IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile等浏览器。 使用方法: 1、下载地址:https://github.com/davidshimjs/qrcodejs 2、引用qrcode.js文件: <script type="text/javascript" ...

jQuery获取background-image属性url值的方法

jQuery使用css()方法获取background-image属性值返回的结果是url('path')而不是图片url,要获取背景图片属性background-image中图片路径的值,可以通过split()或replace()获取。 方法一: var _bk = $('.bgImg').css('backgroundImage'); var _src = _bk.split('(')[1].split(')')[0]; alert(_src); 代码意思: 1、获取background-image属性值url('path') 2...

javascript获取当前页面url网址参数信息代码

使用原生js获取web当前页面url网址信息,包括获取完整url、url协议、url主机、url端口号、url路径、url问号?后面部分、url井号#后面部分。 1、获取整个URL地址 当前页面:https://www.tddx.net/geturl.html?id=1 var _url = window.location.href; alert(test); 返回值:https://www.tddx.net/geturl.html?id=1 2、获取URL协议 当前页面:https://www.tddx.net/getur...

原生javascript实现点击展开,再点击关闭效果(fadeToggle)

使用原生javascript实现点击展开关闭div效果。 html代码: <span onclick="clickshow('element');"></span> <div id="element"> 欢迎访问http://www.neirong.org! </div> javascript代码: function clickshow(element){ var _obj = document.getElementById(element); if(_obj.style.display ==...

javascript document.getElementById("id") is null的原因和解决方法

使用原生javascript document.getElementById('id')获取dom元素时,出现“document.getElementById("id") is null ”的错误。 原因有两种: 第一种是id不存在或 错者拼写错误; 第二种是body还没有加载,此时执行获取dom对象元素代码会报is null的错误。 解决方法: 把javascript代码放在</body>前面。

js鼠标滑轮滚动监听触发事件

判断鼠标滚动方向执行不同的事件代码,兼容IE、Firefox、chrome浏览器。javascript代码如下: <script> var scrollFunc = function (e) { var direct = 0; e = e || window.event; if (e.wheelDelta) { //判断浏览器IE,谷歌滑轮事件 if (e.wheelDelta > 0) { //当滑轮向上滚动时 a...

本地使用js或jquery操作cookie在谷歌浏览器chrome中不生效

一般是在本地调试cookie,无论使用jquery cookie插件还是js原生态cookie方法,在谷歌浏览器chrome中都不生效,这是什么原因? 原因是: chrome不支持js在本地操作cookie 据测试,除了chrome浏览器外,其他主流浏览器(ie、firefox等)都支持js在本地操作cookie。 如果是部署到服务器不生效,则可能是浏览器设置成了不支持cookie。 检测当前浏览器是否支持或者Cookie是否被禁用,可以使用以下js代码: var dt = new Date(); dt.setSec...

运用JS设置cookie、读取cookie、删除cookie

JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的。 而cookie是运行在客户端的,所以可以用JS来设置cookie. 假设有这样一种情况,在某个用例流程中,由A页面跳至B页面,若在A页面中采用JS用变量temp保存了某一变量的值,在B页面的时候,同样需要使用JS来引用temp的变量值,对于JS中的全局变量或者静态变量的生命周期是有限的,当发生页面跳转或者页面关闭的时候,这些变量的值会重新载入,即没有达到保存的效果。解决这个问题的最好的方案是采用cookie来保存该变量的值,那么如何来设置和读取c...

jQuery TOOLS库快速实现点击TAB切换效果

jQuery TOOLS库快速实现点击TAB切换效果

下载jquery.tools.min.js库:http://pan.baidu.com/s/1jGp5y8e 引用jquery.tools.min.js: <script type="text/javascript" src="jquery.tools.min.js"></script> JavaScript代码: <script type="text/javascript"> // perform JavaScript after the document is scriptable. $(fun...

javascript实现瀑布流布局实践思路教程

淘宝有部分页面中使用了瀑布流布局,淘宝的kissy框架加入了这种布局的插件,详细可以查看相关的API函数,在淘宝UED的博客中乔花写了有关瀑布流布局的文章。下面是用JQ框架实现瀑布流布局的实现思路。 1、设置一些全局变量,通过全局变量然后初始化页面,保存临时数据在变量中。初始化一些数据,计算宽度等值。 function water(opts) { this.container=opts.container;//容器 this.context=opts.context; this.elem=opts.elem;//元素 this.len=opts.le...

[网页或屏幕宽高]javascript中top、clientTop、scrollTop、offsetTop等的用法

[网页或屏幕宽高]javascript中top、clientTop、scrollTop、offsetTop等的用法

js中常用宽度高度表达方式(详情见图): 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth   (包括边线的宽) 网页可见区域高: document.body.offsetHeight  (包括边线的宽) 网页正文全文宽: document.body.scrollWidth 网页正文全文高: doc...

网页右下角弹出广告窗,可以自行关闭的右下角弹窗

打开网页右下角弹出窗口,相信经常浏览网页的人已经非常熟悉,这咱弹窗效果最常用的就是广告和网站公告了,一打开网页就会弹出来,广告效果非常好,通过javascript实现的代码: <!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&...