javascript
文章平均质量分 66
chinajobs
这个作者很懒,什么都没留下…
展开
-
js 控制台输出
console.log(object[, object, ...])在控制台输出一条消息。如果有多个参数,输出时会用空格隔开这些参数。第一个参数可以是一个包含格式化占位符输出的字符串,例如:console.log("The %s jumped over %d tall buildings", animal, count);上面的例子可以用下面的无格式化占位符输出的代转载 2016-10-24 12:44:48 · 287 阅读 · 0 评论 -
用css样式和脚本js结合打开链接
//open windowfunction openWindow(openUrl, openName, openWidth, openHeight, openLeft, openTop){var url = openUrl;var name = openName;var width = openWidth;var height = openHeight;var left =转载 2015-12-01 14:32:00 · 512 阅读 · 0 评论 -
解决同一页面jQuery多个版本或和其他js库冲突方法
1.同一页面jQuery多个版本或冲突解决方法 代码如下复制代码 jQuery测试页-111cn.net javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"> var $180 = $;转载 2015-11-30 10:32:12 · 1690 阅读 · 0 评论 -
发送短信方法
可以利用飞信,申请公众账号,利用飞信的api发送短信,但是必须是公众好友,限制比较大可以到这里了解:http://gz.feixin.10086.cn/Open/Index/sdk转载 2015-11-30 10:34:24 · 374 阅读 · 0 评论 -
边栏下载客服区设计
/*download*/.left_box { position: fixed; top: 450px; left: 0px; z-index: 999;}.left_box li { margin-top: 0px;}.left_box a { width: 100px; padding-left: 5px转载 2015-11-27 16:18:15 · 449 阅读 · 0 评论 -
jQuery.validate.js API
目录(?)[-]Custom selectorsUtilitiesValidatorList of built-in Validation methodsvalidate 的可选项debug进行调试模式NameTypevalidate( options )Returns: Validator验证所选的FORM转载 2015-12-14 11:00:16 · 528 阅读 · 0 评论 -
js 常用小功能
1.让文字不停地滚动 <MARQUEE>滚动文字</MARQUEE>2.记录并显示网页的最后修改时间 <script language=Javascript> document.write("最后更新时间: " + document.lastModified + "") </script>3.关闭当前窗口 <a href="/"onClic转载 2015-12-12 17:32:04 · 374 阅读 · 0 评论 -
JavaScript面向对象
理解对象对象这个词如雷贯耳,同样出名的一句话:XXX语言中一切皆为对象!对象究竟是什么?什么叫面向对象编程?对象(object),台湾译作物件,是面向对象(Object Oriented)中的术语,既表示客观世界问题空间(Namespace)中的某个具体的事物,又表示软件系统解空间中的基本元素。在软件系统中,对象具有唯一的标识符,对象包括属性(Prope转载 2015-11-25 19:50:05 · 307 阅读 · 0 评论 -
JavaScript包装对象
JavaScript是面向对象的语言,使用”.”操作符可以访问对象的属性和方法,而对于基本类型(null, undefined, bool, number, string)应该是值类型,没有属性和方法,然而var s='this is a string';alert(s.length);alert(s.indexOf('is'));结果很简单,但是仔细想想还真奇怪,stri转载 2015-11-25 19:48:21 · 420 阅读 · 0 评论 -
JavaScript作用域链
之前写过一篇JavaScript 闭包究竟是什么的文章理解闭包,觉得写得很清晰,可以简单理解闭包产生原因,但看评论都在说了解了作用域链和活动对象才能真正理解闭包,起初不以为然,后来在跟公司同事交流的时候发现作用域和执行环境确实很重要,又很基础,对理解JavaScript闭包很有帮助,所以在写一篇对作用域和执行环境的理解。作用域作用域就是变量和函数的可访问范围,控制着变量和函数的可见转载 2015-11-25 19:46:38 · 406 阅读 · 0 评论 -
CSS media queries
最近在做一些页面打印时的特殊处理接触到了media queries,想系统学习一下,在MOZILLA DEVELOPER NETWORK看到一篇文章讲的很不错,结合自己的使用总结一下。CSS2/media在CSS2中可以使用media属性可以使特定style只在指定媒体类型下其作用,比如页面有些部分需要在打印的时候隐藏或者变大,这时候可以使用media使某些style只在打印的时候转载 2015-11-25 19:45:24 · 418 阅读 · 0 评论 -
深度理解Jquery 中 scrollTop() 方法
这是工作遇到scrollTop() 方法。为了强化自己,把它记录在博客园当中。下面就开始scrollTop 用法讲解:scrollTop() 定义和用法scrollTop() 方法设置或返回被选元素的【垂直滚动条位置】。Note:当滚动条位置位于最顶部时,位置是0;当用于返回位置时: 该方法返回 第一个匹配元素的滚动条的垂直位置。当用于设置位置时:转载 2015-12-02 11:09:42 · 5898 阅读 · 0 评论 -
html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offs转载 2015-12-02 11:05:06 · 410 阅读 · 0 评论 -
移动窗口的脚本
href="" />"rel="stylesheet" type="text/css" />"rel="stylesheet" type="text/css" />src=""> -->">">">src="">src="">src="">method="post">$(function()转载 2016-01-12 10:37:39 · 438 阅读 · 0 评论 -
javascript--iframe的JS方法,用法!contentWindow 、parent、top、onload
一、在使用iframe的页面,要操作这个iframe里面的DOM元素可以用:contentWindow、contentDocument(测试的时候chrom浏览器,要在服务器环境下) 1.先获取iframe里面的window对象,再通过这个对象,获取到里面的DOM元素例子:var ifr = document.getElementById("iframe")转载 2015-12-26 20:00:27 · 975 阅读 · 0 评论 -
jquery滚动条插件slimScroll
jQuery slimScroll插件是一个支持把内容放在一个盒子里面,固定一个高度,超出的则使用滚动。该插件挺好的。不过不支持resize的时候重新调用插件,有一个贡献者已经修改过源码,不过作者并没有加进去。如果你有需要,可以去看看:https://github.com/kujian/jQuery-slimScroll 我已经把项目的压缩也改过来了。插件项目地址:转载 2015-12-09 14:19:24 · 809 阅读 · 0 评论 -
javascript常用控件
1、fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站。原创 2015-12-08 16:03:04 · 547 阅读 · 0 评论 -
Javascript图片预加载详解
预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利,它保证了图片快速、无缝地发布,也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术,来增强网站的性能与可用性。方法一:用CSS和JavaScript实现预加载实现预加载图片有很多方法,转载 2016-01-07 10:54:33 · 427 阅读 · 0 评论 -
Javascript实现图片的预加载功能
本文同步自我的博客http://jr3.me最近要用javascript做一个动画功能,为了确保动画在播放的时候能够顺利和平滑,我需要对所用到的图片素材进行预加载,下面跟大家分享一下我实现这个功能的过程单图片预加载目前最常见的一种实现方式如下function preloadImg(url) { var img = new Image(); img.src =转载 2016-01-07 10:52:14 · 564 阅读 · 0 评论 -
Javascript实现图片的预加载的完整实现
图片预加载是web开发中一种应用相当广泛的技术,比如我们在做图片翻转显示等特效的时候,为了让图片在转换的时候不出现等待,我们最好是先让图片下载到本地,然后在继续执行后续的操作。今天我们将来实现一个完整的图片预加载和处理图片加载后执行后续操作的代码。下面的函数实现了一个我们想要的最基本的图片预加载效果function preloadimages(arr){ va转载 2016-01-07 10:47:52 · 401 阅读 · 0 评论 -
JavaScript 正则表达式上——基本语法
定义JavaScript种正则表达式有两种定义方式,定义一个匹配类似 的字符串1. 构造函数var reg=new RegExp(']+%>','g');2. 字面量var reg=/]%>/g;g: global,全文搜索,默认搜索到第一个结果接停止i: ingore case,忽略大小写,默认大小写敏感m: multiple lines,多行搜索转载 2016-01-06 23:49:14 · 360 阅读 · 0 评论 -
JavaScript 操作 Cookie
从事web开发也有些日子了,cookie 是个啥差不多能说明白,可是实际自己一上手操作就是得去搜索(你们懂的),结果被鄙视了...所以就写一篇博文做为自己的学习笔记,嘿嘿,博客的好处在此体现出来了。 什么是 Cookie “cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScrip转载 2016-01-06 23:04:56 · 353 阅读 · 0 评论 -
首页横幅幻灯片制作方法
class="js_banner_prev"> href="javascript:void(0);" class="js_banner_next">$(function(){//slidervar $window = $(window),window_width = $window.width();$('.index_content .index_s转载 2015-12-03 19:19:19 · 766 阅读 · 0 评论 -
javascript判断浏览器
/***** 目前识别范围* Microsoft Internet Explorer IE浏览器 * -->TheWorld 世界之窗* --> TT浏览器* --> 360浏览器* --> 猎豹浏览器* Mathon 傲游浏览器* Opera Opera浏览器* Firefox 火狐浏览器* Chrome Chrome浏览器* */转载 2015-11-02 17:09:10 · 406 阅读 · 0 评论 -
javascript闭包(Closure)初探
closure被翻译成“闭包”,感觉这东西被包装的太学术化。下面参考书本和网上资源简单探讨一下(理解不当之处务请留意)。1、什么是闭包官方的回答:所谓“闭包”,指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。看了上面的定义,如果你不是高手,我坚信你会和我一样愤怒的质问:这tmd是人话吗?要理解闭包,还是代码最有说服力啊,上代转载 2015-11-19 16:39:27 · 258 阅读 · 0 评论 -
JavaScript prototype 使用介绍
用过JavaScript的同学们肯定都对prototype如雷贯耳,但是这究竟是个什么东西却让初学者莫衷一是,只知道函数都会有一个prototype属性,可以为其添加函数供实例访问,其它的就不清楚了,最近看了一些 JavaScript高级程序设计,终于揭开了其神秘面纱用过JavaScript的同学们肯定都对prototype如雷贯耳,但是这究竟是个什么东西却让初学者转载 2015-11-19 17:43:48 · 290 阅读 · 0 评论 -
$.toJSON的使用方法
我们都会使用jQuery的ajax方法取得json数据但是我们有的时候也要使用json数据给PHP传值,这个怎么做哪? 首先去http://code.google.com/p/jquery-json/ 下载一个jquery.json-2.Xxxx.min.js 包二、在javascript中建立 数据格式function ChannelDataType(){ this.typeid; this.c转载 2015-07-16 18:29:13 · 5187 阅读 · 0 评论 -
jQuery傳送json給php接收, php再傳送json回jQuery
[jQuery 部份]jQuery 傳送 json 給 phpvar car = new Array('toyota','BenZ','mazada',"alert(1);");(這裡刻意放一個XSS陷阱,稍後會提到它)var json = JSON.stringify(car); (將陣列轉換成json格式)$.ajax({转载 2015-07-16 11:14:31 · 1102 阅读 · 0 评论 -
JS 实现Json查询的方法实例
曾经看过一个大牛写的实现Json的一个模板类,今天突然没事就来自己试着写写。还好,一些东西还记得,思路还算清晰。直接上代码了 其实很简单,我这部分代码,前一部分是简单的实现如何使用JS写模板,第二个就是具体的实现了JSON查询的一个扩展。 以后查询Json就有了利器了。复制代码代码如下:/* * 定转载 2015-07-14 15:05:23 · 1150 阅读 · 0 评论 -
jquery 的(function(){});表示什么
如果你说的是 jQuery(function(){}) 或$(function(){}); 它是$(document).ready() 的简写你说的是不是 $('xx').xxx(function(){});啊????????这个是回调方法 当做参数传入后 会在相应的时间触发后调用你说的是 $(function(){});吧$(function(){});=$(document).r转载 2015-07-14 11:45:16 · 413 阅读 · 0 评论 -
JavaScript Object Prototypes
Every JavaScript object has a prototype. The prototype is also an object.All JavaScript objects inherit their properties and methods from their prototype.JavaScript PrototypesAll JavaScript ob转载 2015-07-04 20:22:11 · 334 阅读 · 0 评论 -
检测浏览器版本js脚本
系统检测到您浏览器版本太低,黑客容易利用其潜在漏洞植入木马或病毒,从而对您的游戏体验和资金管理构成威胁。建议您下载 微软IE9或以上版本,并保持更新。 <span class="close">原创 2015-07-07 15:43:40 · 649 阅读 · 0 评论 -
轻松弄清 JavaScript中的offset、scroll、client
初次见到这张图,觉得好乱额,所以下面我们来慢慢理顺这个东西。 一、理顺offset在这里我们可以看到,关于offset共有5个东西需要弄清楚: 1、offsetParent 2、offsetTop 3、offsetLeft 4、offsetWidth 5、offsetHeight 我们根据难易程度把以上5点分为三类来讲解。 第一转载 2015-04-25 17:57:31 · 447 阅读 · 0 评论 -
扩展了 jquery 的插件 easy drag
jquery 实现拖动的插件,试了几个,interface 是一个,但是 bug 太多,代码又复杂不好修改,就放弃了。今天找到了一个叫做 easydrag 的,但用了下也不灵活,于是扩充了一下,现在可以指定拖动的 handle.jquery.easydrag.js(以下绿色部分是我增加或修改的代码):/*** EasyDrag 1.3 - Drag & Drop jQu转载 2015-04-15 16:43:28 · 442 阅读 · 0 评论 -
利用JQuery+EasyDrag 实现弹出可拖动的Div,同时向Div传值,然后返回Div选中
原来我们要写一个客户端的特效,要写一两天的JavaScript,然后再调试一两天,才可以看见端倪。现在我们只要使用JQuery和他的 plugin,就可以任意的实现我们脑海中的特效,感谢他们的编写者对人类的贡献(一百个西红柿砸过来。。。。。。。。。。。。。。)。 我今天实现的需求是一个需要从列表页面中选择要导出到word中的列,然后在将选中列的内容导出到word中,同时为了增加通用性,列的个转载 2015-04-15 16:16:10 · 1021 阅读 · 0 评论 -
JavaScript小括号是什么意思?
从Google首页源代码中可以看到JavaScript的代码都是用小括号和小括号结尾的,这对于初学者来说是一个很大的迷惑,下面就详细讲解一下,首先看一个小例子:(function(){ alert("123");})();其实这段代码的意思就是执行这个匿名函数,弹出提示框,内容为“123”。 我们可以把代码理解为:function aa(){ ale转载 2015-04-14 15:57:54 · 1155 阅读 · 0 评论 -
js中SetInterval与setTimeout用法
JS里设定延时:使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间,再进行某项操作。setTimeout("function",time) 设置一个超时对象 setInterval("function",time) 设置一个超时对象SetInterval为自动重复,setTimeout不会重复。clearT转载 2015-08-20 19:35:20 · 433 阅读 · 0 评论 -
弹窗口显示html页面
function showUserBalance(loginname){if(loginname==""){alert("参数错误");return false;}$("#editBaseInfo").html("");$.get("userBalance.do", {"userVO.loginname":loginname}, function(data){$("#edi原创 2015-11-03 14:17:19 · 2337 阅读 · 0 评论 -
学习Javascript闭包(Closure)
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。下面就是我的学习笔记,对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全转载 2015-12-10 15:14:43 · 301 阅读 · 0 评论 -
理解jquery的$.extend()、$.fn和$.fn.extend()
jQuery为开发插件提拱了两个方法,分别是:jQuery.fn.extend();jQuery.extend();jQuery.fnjQuery.fn = jQuery.prototype = { init: function( selector, context ) {//….//……};原来 jQuery.fn = jQuery.prototyp转载 2015-12-11 11:15:00 · 411 阅读 · 0 评论