javascript实现信息的显示和隐藏如注册页面 2016年07月27日 6 阅读 我们在写注册页面的时候,必填信息是可见的,可选信息是隐藏的,如果用户希望填写,可以单击“详细信息”。 复制代码 代码如下: <!-- 下面代码通过javascript实现信息的显示和隐藏 --> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <...
JS window对象的top、parent、opener含义介绍 2016年07月27日 5 阅读 1.top该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令,就可以用top变量。 2.openeropener用于在window.open的页面引用执行该window.open方法的的页面的对象。例如:A页面通过window.open()方法弹出了B页面,在B页面中就可以通过opener来引用A页面,这样就可以通过这个对象来对A页面进行操作。 3.parentparent用于在iframe,frame中生成的子页面中访问父...
JavaScript伸缩的菜单简单示例 2016年07月27日 5 阅读 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>伸缩的菜单</title> <style> <!-- body{ back...
利用JS进行图片的切换即特效展示图片 2016年07月27日 7 阅读 在网页制作的时候,需要利用JS进行特效展示图片,下面是利用JS简单制作的图片的切换。 复制代码 代码如下: <html> <head> <script type="JavaScript"> var srr = new Array("图片一", "图片二", "图片三", "图片四");//利用JS中内置的数组,进行数据的存储 var s = 0; function chage() { var img = document...
ExtJS4中的requires使用方法示例介绍 2016年07月27日 5 阅读 ExtJS4的requires是新增的机制,主要是实现异步加载机制。这样在不点击对应的按钮或者选项的时候就不会加载对应的js文件,提高了加载速度和用户等待时间。 requires机制的实现通过一个Ext.Loader.setConfig函数来设置文件寻找的映射目录,然后在需要用到对应js文件的时候使用Ext.require进行加载。 文件的存储结构如下所示: ux文件夹和lesson2.htm和lesson22.js在相同的目录下,而使用到的MyWin.j...
ExtJS4中使用mixins实现多继承示例 2016年07月27日 8 阅读 在ExtJS4中使用mixins来实现多继承。具体例子代码如下: 复制代码 代码如下: (function(){ Ext.onReady(function(){ Ext.define("say",{ canSay:function(){ alert("hello"); } }); Ext.define("eat",{ caneat:function(){ alert("eating"); } }); Ext.define("user",{ mixins:{...
JavaScript判断变量是否为undefined的两种写法区别 2016年07月27日 7 阅读 工作中我们经常需要判断某个变量/属性是否为undefined。通常有两种写法复制代码 代码如下:// 方式1 typeof age === "undefined"; // 方式2 age === undefined 这两种写法有什么区别吗? 应该使用哪一种呢?看看下面的例子 复制代码 代码如下:typeof age === "undefined"; // true 标识符 age 没有声明过,输出true。再看另一个例子 复制代码 代码如下:age ===...
如何在JavaScript中实现私有属性的写类方式(一) 2016年07月27日 6 阅读 之前讨论过JavaScript中的写类方式。但没有讨论私有的实现。这篇看下。我们知道JS中私有属性的实现本质就是 var + closure。如下复制代码 代码如下:function Person(n, a){ // public this.name = n; // private var age = a; this.getName = function(){ return this.name; } this.getAge = functi...
如何在JavaScript中实现私有属性的写类方式(二) 2016年07月27日 7 阅读 上一篇写了个工具函数$class,这篇再完善以下。实现以下功能1,继承2,子类继承父类时,不继承父类的私有属性复制代码 代码如下:/** * @param {String} className * @param {String/Function} superCls * @param {Function} classImp */function $class(className, superCls, classImp){ if(superCls === "...
js跑步算法的实现代码 2016年07月27日 5 阅读 先复制一下,看看运行的效果吧,其中用到的精髓是setInterval()方法:复制代码 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>JavaScript</title><style>html{backgr...
快速解决FusionCharts联动的中文乱码问题 2016年07月27日 5 阅读 问题内容:使用fusioncharts 时,也许你想在如demo.html 这个页面点击Chart的一个部分,然后显示这个部分的详细内容。fusioncharts有setDataXML,setDataURL 这两个方法是用来设置数据的.但是会有乱码问题(可能出现在AJAX情况),具体使用过的童鞋应该明白.具体细节不详细说明了.处理办法.如果你Ajax请求的返回内容乱码,就直接使用Jquery.ajax.复制代码 代码如下:function mychartc...
验证控件与Button的OnClientClick事件详细解析 2016年07月27日 5 阅读 一、事件这是一个长期被我忽略或者是没有发现的问题,问题是这样的:在一个页面中,当有验证控件的时候,当Button控件触发OnClientClick事件,并且这个事件会返回true和false的时候,验证控件就会失效,不起作用了。具体描述如下:.Net页面如下:复制代码 代码如下:<form id="form1" runat="server"><asp:ScriptManager ID="ScriptManager1" runat="ser...
jquery使用jquery.zclip插件复制对象的实例教程 2016年07月27日 6 阅读 复制代码 代码如下:<script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/jquery.zclip.min.js"></script>复制代码 代码如下:$(function(){ $("#copy_input").zclip({ path: "js/ZeroClipb...
两个数组去重的JS代码 2016年07月27日 5 阅读 第一种:复制代码 代码如下:function unique (arr){ var obj = {},newArr = []; for(var i = 0;i < arr.length;i++){ var value = arr[i]; if(!obj[value]){ obj[value] = 1; newArr.push(value); } } return newArr;}这个方法把数组的值存入对象,所以,在数组存在对象队员的时候,运行失败(对象...
jquery内置验证(validate)使用方法示例(表单验证) 2016年07月27日 5 阅读 (1)required:true 必输字段(2)remote:"check.php" 使用ajax方法调用check.php验证输入值(3)email:true 必须输入正确格式的电子邮件(4)url:true 必须输入正确格式的网址(5)date:true 必须输入正确格式的日期(6)dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性(7)number:true 必须输入...
浏览器图片选择预览、旋转、批量上传的JS代码实现 2016年07月27日 6 阅读 工作中遇到的业务场景,和同事一起研究了下,主要是为了兼容IE版本其实就是一些琐碎的知识点在网上搜集下解决方式,然后集成了下,主要有以下点: 1. IE input type=file的图片预览要用IE的filter css progid:DXImageTransform.Microsoft.AlphaImageLoader chrome/firefox则用File api的file reader 2. 图片旋转,IE用progid:DXImageTran...
jquery validate添加自定义验证规则(验证邮箱 邮政编码) 2016年07月27日 6 阅读 jQuery:validate添加自定义验证jQuery.validator.addMethod添加自定义的验证规则addMethod:name, method, message简单实例:单个验证的添加复制代码 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional....
JavaScript执行顺序详细介绍 2016年07月27日 6 阅读 之前从JavaScript引擎的解析机制来探索JavaScript的工作原理,下面我们以更形象的示例来说明JavaScript代码在页面中的执行顺序。如果说,JavaScript引擎的工作机制比较深奥是因为它属于底层行为,那么JavaScript代码执行顺序就比较形象了,因为我们可以直观感觉到这种执行顺序,当然JavaScript代码的执行顺序是比较复杂的,所以在深入JavaScript语言之前也有必要对其进行剖析。1.1 按HTML文档流顺序执行Java...
JS获得QQ号码的昵称,头像,生日的简单实例 2016年07月27日 10 阅读 http://r.qzone.qq.com/cgi-bin/user/cgi_personal_card?uin=指定QQ号码将会返回下列内容:_Callback({"uin":查询的QQ号码,"qzone":1,"nickname":"昵称","offsetBirth":距离生日的天数,"avatarUrl":"查询的QQ号码头像地址"});针对这个内容,对_Callback事先进行实现,然后在<script src=>中放置上面的URL,利...
下拉列表select 由左边框移动到右边示例 2016年07月27日 5 阅读 当页面还没有加载完的时候调用下面语句,会取不到“add” 这个对象,提示为空或不是对象 复制代码 代码如下: document.getElementById("add").onclick = function(){ alert("hello"); } 当使用便可取的对象 复制代码 代码如下: window.onload = function(){ document.getElementById("add").onclick = function(){ a...