javascript
文章平均质量分 65
男儿当自强-
这个作者很懒,什么都没留下…
展开
-
jquery图片加载失败
JavaScript判断远程图片是否存在,加载完成:onerror 属性- & jQuery实现(如果因为网络或图片的原因发生异常,则显示该图片)~ 判断百度的LOGO是否存在:>如果不存在,则替换成本地网站logo:>1234567根据此属性用js建立图像对象:格式:图像对象名称=new Image([宽度]转载 2013-06-21 21:04:00 · 3465 阅读 · 0 评论 -
用Javascript获取页面元素的位置、 大小
用Javascript获取页面元素的位置作者: 阮一峰日期: 2009年9月14日制作网页的过程中,你有时候需要知道某个元素在网页上的确切位置。下面的教程总结了Javascript在网页定位方面的相关知识。一、网页的大小和浏览器窗口的大小首先,要明确两个基本概念。一张网页的全部面积,就是它的大小。通常情转载 2013-07-02 15:18:36 · 784 阅读 · 0 评论 -
js获取浏览器的可视区域尺寸的实现代码
测试例子: 复制代码代码如下:"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> *{ margin: 0; padding: 0;} body{ border: 10px solid red;} #inner{width: 2000px; height: 2000p转载 2013-06-21 10:23:10 · 913 阅读 · 0 评论 -
图片滚动控制栏
最近要做一个 图片滚动的控制栏 ,在网上找了几个案例,觉得还不错,我把我从网上找的案例上传,供参考这个是我最终做出来的效果,看这还不错,这要归功于美工啦 下面是页面内容原创 2013-05-23 15:34:18 · 1206 阅读 · 0 评论 -
[javascript]删除指定数组中指定的元素
已知一个数组,我们想用指定的方法对数组中的元素进行逐一操作。函数如下:foreach = function (obj, insp){ if(obj== null && obj.constructor != Array){ return [];}//obj是要处理的数组,obj==null 表示对象尚未存在;obj.constructor != Array 表示对象o转载 2013-04-18 17:55:09 · 1088 阅读 · 0 评论 -
javascript之数组操作
1、数组的创建var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 创建一个数组并赋值 要转载 2013-04-03 20:48:51 · 670 阅读 · 0 评论 -
JavaScript中去掉数组中的重复值的实现方法
代码如下:题目:要求写一个函数,去掉给定数组中的重复值。 如: 传入数组 a = [0, 8, 5, 4, 78, 8, 90, 4, 'a', 'b', 'a']; 要求返回:[0,4,5,8,78,90,a,b] 对于这个题目,在面试之后也想了好多次,不过一直没能想出一个时间复杂度较低的方法。昨天下午在宿舍看《JavaScript语言精粹》看到一个书中的一段转载 2013-04-03 20:46:37 · 1263 阅读 · 0 评论 -
javascript 循环读取JSON数据的代码(获取key value)
服务端向客户端返回了一串JSON格式的数据。在有些时候,因为某些特殊的原因我们不知道原始的key值,因此我们此时无法象正常一样通过key值,来获取value值。这时我们必须循环读取JSON对象数据。废话少说,来看例子。服务端后台返回到客户端的JSON格式字符串: var str = '[{"uname":"王强","day":"2010/06/17"},{"uname":"王海云","da转载 2013-04-03 20:39:29 · 4200 阅读 · 0 评论 -
HTML中select标签单选多选详解
select 元素可创建单选或多选菜单。当提交表单时,浏览器会提交选定的项目,或者收集用逗号分隔的多个选项,将其合成一个单独的参数列表,并且在将 表单数据提交给服务器时包括 name 属性。一、基本用法: Volvo Saab Opel Audi其中,标签可以省掉,在页面中用法SELECT NAME="studyCenter" id="studyCen转载 2013-04-03 20:26:12 · 1398 阅读 · 0 评论 -
JS设计模式
一直都在考虑这个月分享大家什么东西最好,原计划是打算写一些HTML5中JS方面的内容或者是AJAX方面的,可是自己由于表达能力,时间,还有个人工作方面的问题,这个还是等下个月再做分享吧^.^。 老规矩,开始正文以前先交代自己写这篇文章的目的和一些注意事项: 1.首先本人一直从事前端开发,所以除了JavaScript其他的语言了解不深,所以文章只会以JavaScript语言的角度转载 2013-09-11 13:38:28 · 734 阅读 · 0 评论 -
javascript 学习笔记3-构造函数、类和原型
3. 构造函数、类和原型 总述: 对象是我们很熟悉的,常在程序中用它。那么,如何来区分一个对象与另一个对象的区别呢?类就做到了这点,对象是类的一个实例。 Js中的类与java的类不太一样,但是它构造函数和原型来来支持类。 3.1构造函数 我们在程序里使用对象时常常先new一个object,然后再给这个object赋属性,然后再使用这个object来转载 2013-11-04 19:53:44 · 870 阅读 · 0 评论 -
使用Highcharts生成折线图与曲线图
折线图与曲线图可以显示随时间而变化的连续数据,因此非常适用于显示在相等时间间隔下数据的趋势。本文将结合Highcharts,生成一个城市气温变化折线图和一个随时间动态即时显示CPU走势的曲线图。如果您看了本站前面两篇关于Highcharts的文章,应该对Highcharts有所了解,所以本文侧重JS配置来完成图表的设计。如果您还不知道什么是Highcharts,请先阅读本站前面的文章。转载 2013-03-18 18:51:32 · 3034 阅读 · 0 评论 -
Window frames[]集合
功能:frames[]是窗口中所有命名的框架组成的数组。这个数组的每个元素都是一个Window对象,对应于窗口中的一个框架。 语法:window.frames 浏览器窗口中每个定义的框架都是frames[]数组中的元素。 假设ifr 是一个以存在的 iframe 的 ID 和 NAME 值: 获取iframe的方法有:document.get转载 2013-11-06 15:45:21 · 1294 阅读 · 0 评论 -
ajax 读取 xml文件
/*url:xml的路径id:要显示的div的id*/function ajaxLoader(url,id) { if (document.getElementById) { var x = (window.ActiveXObject) ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest(); }原创 2013-07-18 12:09:32 · 932 阅读 · 0 评论 -
Uploadify的一些参数
Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示。不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示或下载。官方下载官方文档官方演示 首先按下面的步骤来实现一个简单的上传功能。1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添加转载 2013-06-14 18:50:15 · 854 阅读 · 0 评论 -
javascript的回调函数里如何传递参数
问我包装了jQuery的ajax方法function doAjax(u,param,callback){ $.ajax({ type:'POST', url:u, data:param, success:callback });}function showAlert(转载 2013-05-29 19:32:58 · 4681 阅读 · 3 评论 -
动态创建元素并给元素添加带有回调函数的动态事件
假象需求:给一个div 添加 3个 radio 按钮 ,并动态给这三个按钮添加事件,当点击某个按钮的同时还要根据 点击 元素的id 获取一个数据集合(一个对象或者数组),并显示数对应的数组内容具体代码如下页面内容 主要的javascript代码如下var imgTypeControls=[{"id":"aaa","text"原创 2013-05-29 19:48:25 · 1953 阅读 · 0 评论 -
jQuery.extend 函数详解
JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并转载 2013-06-20 15:16:12 · 801 阅读 · 0 评论 -
div+CSS设置一行内文字超过宽度不换行且不显示
当一行文字超过DIV或者Table的宽度的时候,浏览器中默认是让它换行显示的,如果我们不想让他换行显示那要怎么办呢?看到这个标题很容易就会想到截断文字加“...”的做法。一般的文字截断(适用于内联与块):==============CSS================ .text-overflow{display:block;/*内联对象需加*/width:31em;转载 2013-05-20 19:34:29 · 2208 阅读 · 0 评论 -
jquery实现的画廊
自己的画廊效果图 可以自动播放,有上一张、下一站、暂停、图片缩略图、图片的文字说明看的效果还不错,这个是借鉴网上的一个案例,然后自己改编的(我会把案例都上传)网上找的 画廊资源:http://download.csdn.net/detail/stamsuper1/5507749下面是我做的项目的模块(根据网上的这段代码修改的)原创 2013-05-29 20:10:26 · 1295 阅读 · 0 评论 -
Sigma Grid 研究及使用
Sigma Grid 纯javascript,Sigma grid 用Ajax做grid展现并可实现数据的编辑,支持滚动表格及排序。它是非常强大的并且简单易用并且能整合php,asp.net,jsp,RoR 研究版本:Sigma Grid 2.2 Grid目录结构: grid |--->calendar | |--calendar.js | |-转载 2013-05-09 16:01:33 · 2759 阅读 · 0 评论 -
javascript中children和childNodes的区别
1,childNodes:它是标准属性,它返回指定元素的子元素集合,包括HTML节点,所有属性,文本节点。可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才是元素节点,2是属性节点,3是文本节点。有些人错误的使用()去取该集合元素,下表列出各浏览器对childNodes(i)的支持情况: IE6/7/8/Safari/Chrom转载 2013-03-29 15:28:04 · 948 阅读 · 0 评论 -
javascript清理IE内存
//清理浏览器内存,只对IE起效,FF不需要 Javascript代码 if ($.browser.msie) { window.setInterval("CollectGarbage();", 10000); }转载 2013-02-01 16:01:39 · 1098 阅读 · 0 评论 -
Javascript复制功能
//复制功能function copy_cont() { var value = document.getElementById('output_shuzi').innerHTML; //去掉空格 value = value.replace(/(^\s+)|(\s+$)/gi,''); if(window.clipboardData) { window.clipboard转载 2012-10-17 17:19:52 · 855 阅读 · 1 评论 -
javascript 中isPrototypeOf 、hasOwnProperty、constructor、prototype等用法
hasOwnProperty:是用来判断一个对象是否有你给出名称的属性或对象,此方法无法检查该对象的原型链中是否具有该属性,该属性必须是对象本身的一个成员。 isPrototypeOf是用来判断要检查其原型链的对象是否存在于指定对象实例中,是则返回true,否则返回false。 instanceof 操作检查对象中是否有名为 property 的属性。也可以检查对象的原型,判断该属性原创 2012-10-17 16:35:58 · 3057 阅读 · 0 评论 -
javascript鼠标指针拖动滚动条加载板块
javascript鼠标指针拖动滚动条加载板块 能看的见到图片: 一开始看不到的图片: var hasShow = false; $(window).bind("scroll",function()转载 2012-10-17 19:01:46 · 1003 阅读 · 0 评论 -
js简单判断操作系统语言(浏览器)~
js简单判断操作系统语言(浏览器)~http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" > 无标题页 function getLanguage() { if (navig转载 2012-10-17 18:59:05 · 10872 阅读 · 1 评论 -
JS将时间戳转换成日期格式
在ThinkPHP网站上发现此代码,觉得挺实用的,收藏下来。此js函数类似于PHP的date函数,包括用法也很相像,能够方便的将时间戳转换成日期格式,而且还支持自定义日期的格式。代码如下:/** * 和PHP一样的时间戳格式化函数 * @param {string} format 格式 * @param {int} timestamp 要格式化的时间 默认为当前时转载 2012-10-17 18:57:11 · 1927 阅读 · 0 评论 -
JavaScript节点操作DOMDocument属性和方法
注意大小写一定不能弄错.属性:1 Attributes 存储节点的属性列表(只读)2 childNodes 存储节点的子节点列表(只读)3 dataType 返回此节点的数据类型4 Definition 以DTD或XML模式给出的节点的定义(只读)5 Doctype 指定文档类型节点(只读)6 documentElement转载 2012-10-17 18:40:26 · 866 阅读 · 0 评论 -
js打印网页功能大全
js打印Javascript网页打印大全普通打印(整页打) 打印网页内部分内容(自定义) 打印去掉/添加页眉页脚 使用外部控件/方法实现多功能打印 打印背景以上为代码控制设置“页面设置”实现打印参数设置(Window系统图文版)一、普通打印(整页打)这个不用多说,直接用转载 2012-10-17 18:34:03 · 1553 阅读 · 0 评论 -
JS闭包的概念
一、变量的感化域要懂得闭包,起首必须懂得Javascript特别的变量感化域。变量的感化域无非就是两种:全局变量和局部变量。Javascript说话的特别之处,就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); } f1(); // 999另一方面,在函数外部天然无法读取函数转载 2012-10-17 17:07:07 · 837 阅读 · 0 评论 -
从 prototype.js 深入学习 javascript 的面向对象特性
从 prototype.js 深入学习 javascript 的面向对象特性js是一门很强大的语言,灵活,方便。 目前我接触到的语言当中,从语法角度上讲,只有 Ruby 比它更爽。不过我接触的动态语言只有: js ruby python flash的as 简单的几门, 应该算是井底之蛙之见。js 语法成分简单,没有 ruby 语言复杂。所以有时候我觉得她更干净(Ruby Fans 不要转载 2012-10-17 13:07:36 · 893 阅读 · 1 评论 -
JS常用备忘记录
JS常用备忘记录JS遍历Json————————————————————————for(varkey injson){};Ajax实现POST传值————————————————————————functionxmlHttpConect(){//连接函数 try{ xmlHttp = new转载 2012-10-17 18:43:57 · 896 阅读 · 0 评论 -
JavaScript键盘事件全面控制详解
转“:js键盘事件全面控制 主要分四个部分第一部分:浏览器的按键事件第二部分:兼容浏览器第三部分:代码实现和优化第四部分:总结第一部分:浏览器的按键事件用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown、 onkeypress和onkeyup这三个事件句柄。一个典型的按键转载 2012-10-17 18:48:12 · 792 阅读 · 0 评论 -
JavaScript对象继承方法
JavaScript对象继承方法【JavaScript继承】1. 对象冒充function ClassA(sColor){this.color = sColor;this.sayColor = function(){alert(this.color);};}function ClassB(sColor,sName){this.转载 2012-10-17 18:53:14 · 488 阅读 · 0 评论 -
JavaScript对象与JSON字符串的相互转换
JSON(JavaScript Object Notation) 是JavaScript编程语言的一个子集。正因JSON是JavaScript的一个子集,所以它可清晰的运用于此语言中。eval函数 JSON文本转换为对象 为了将JSON文本转换为对象,可以使用eval函数。eval函数调用JavaScript编辑器。由于JSON是JavaScript的子集,因此编译器将正确的解析文本转载 2013-01-16 19:57:13 · 453 阅读 · 0 评论 -
JavaScript 将字符串转换成数值(整数or浮点数)收藏
JavaScript 将字符串转换成数值(整数or浮点数JavaScript 将字符串转换成数值(整数or浮点数)2007-04-16 11:13从input中取出的value字符串进行加减乘除操作时需要首先进行数值转换,比如: var height = 20;var addvalue = document.formname.addheight.value;var newh转载 2012-11-27 20:28:43 · 1458 阅读 · 0 评论 -
Javascript格式化数字显示
对数字进行格式化输出,是非常有意义的一件事情,例如许多时候,我们希望一个数字能够输出为指定格式的字符串,拿25.9878来说,我们可能会希望它能保留两位小数来说出,即结果为25.99,或者对于0.345678,希望能够按百分号输出,并保留小数点后两位,即结果为34.57%,又例如我们希望将数字56456456按照科学计数法来显示,并保留小数点后两位,即结果为5.65e+7,类似例子当然还有很多。转载 2012-11-27 20:19:19 · 858 阅读 · 0 评论 -
javascript基础知识
将字符串转换为数字方法一:当一个字符串用于数字环境中,它也会自动转换为一个数字。例如:var res="21" * "2"; //res=42利用这一优点,只需要将一个字符串表示的数字减去0就可以讲其转换成一个数字了var r="21"-0; /// r=21;(注意:这样做必须保证字符串类型的数字中没有字符串,否则结果就是Nan. 给字符串加一个0 其结果是字符原创 2012-10-19 18:03:19 · 504 阅读 · 0 评论 -
Javascript 面向对象编程(一):封装
学习Javascript,最难的地方是什么?我觉得,Object(对象)最难。因为Javascript的Object模型很独特,和其他语言都不一样,初学者不容易掌握。下面就是我的学习笔记,希望对大家学习这个部分有所帮助。我主要参考了以下两本书籍:《面向对象的Javascript》(Object-Oriented JavaScript)《Jav转载 2012-10-18 11:23:05 · 411 阅读 · 0 评论