JS模拟面向对象全解（一、类型及传递）

2016年07月27日 7 阅读

可是，没有类，何来面向对象一说？没有关系，可以模拟。而且这一套方法已经成为公认的JS实现面向对象的方法。 另外，JS内的东西完全开发，也就不存在成员的什么private、protected作用域。 下面切入正题。 一、类型 //从基础开始，省的后面看着吃力 1、类型的区别 基本数据类型和对象类型不是一回事。 a、基本类型只是一个值，没有任何行为；而对象类型有自己的行为。 b、基本类型是值类型，仅表示一个值；对象类型则拥有许多复杂的东西。 c、基本类型...

JS模拟面向对象全解（二、类型与赋值）

2016年07月27日 6 阅读

类型赋值类似变量传递的问题。 基本数据类型不必说，传值的。 复制代码 代码如下: var a=5; var b=a; b=3; alert（a）;//提示5 alert（b）;//提示3 由此观之，发现改变b不会改变a，因为都是变量的值在来回传递，和变量本身没有关系。 对象类型，传址的。 复制代码 代码如下: var a=new Object（）; a.x=5; var b=a; b.x=3; alert（a.x）;//提示3 alert（b.x）;//...

使用 JScript 创建 .exe 或 .dll 文件的方法

2016年07月27日 6 阅读

什么是 JScript？ JScript 是由微软开发的活动脚本语言，基于 ECMAScript 规范实现。Internet Explorer 中的 JavaScript，实际上是指 JScript。JScript 已被 Windows Script Host（WSH）支持（WSH 中的 JavaScript shell scripting：C:> cscript jslint.js）。JScript 最新的版本（JScript.NET）基于 ECM...

Javascript 文本框textarea高度随内容自适应增长收缩

2016年07月27日 7 阅读

直接上代码： 方案一： 枫芸志 » 文本框textarea高度自适应增长/伸缩 textarea { height:100px; width: 300px; } 晴枫制作 http://jb51.net // 最小高度 var minHeight = 100; // 最大高度，超过则出现滚动条 var maxHeight = 300; function ResizeTextarea（）{ var t = document.g...

w3c声明下可运行 兼容性比较好的js对联广告集合

2016年07月27日 7 阅读

最后我们给出合适的代码:核心代码:复制代码 代码如下:lastScrollY=0; function heartBeat（）{ var diffY; if （document.documentElement && document.documentElement.scrollTop） diffY = document.documentElement.scrollTop; else if （document.body） diffY = document.bo...

js 弹出层 并可以拖拽

2016年07月27日 5 阅读

弹出层并可拖拽 html,body{height:100%;overflow:hidden;} body,div,h2{margin:0;padding:0;} body{font:12px/1.5 Tahoma;} center{padding-top:10px;} button{cursor:pointer;} #overlay{position:absolute;top:0;left:0;width:100%;height:100%;ba...

关于js拖拽上传 [一个拖拽上传修改头像的流程]

2016年07月27日 5 阅读

如今现代的浏览器已经有很多支持拖拽文件读取操作，其优点不再复述。前端时间利用拖拽改进了一下网站的头像上传流程，对其中的要点和实践体会做一点总结。先看一下总体视图：1、 文件拖拽接受区域要有明显的标示，并且要尽可能的大（由于版面的原因，这个界面的拖放盒子并不大）。可以用虚线框盒子等样式吸引用户拖拽文件。最好有明显的文字提示和图标配合。 2、 在交互体验上当文件拖入浏览器窗口时，可以用拖放区变换背景颜色等向用户发起放置操作邀请。 实现代码： 复制代码 代码如下...

js 判断脚本加载完毕的代码

2016年07月27日 7 阅读

复制代码 代码如下: if（this.isIE） { js.onreadystatechange=function（）{if（js.readyState=="loaded" || js.readyState=="complete"） callback（）;} }else{js.onload=function（）{callback（）;}} js.onerror=function（）{alert（"Not Found （404）: "+src）}//chro...

js监听输入框值的即时变化onpropertychange、oninput

2016年07月27日 6 阅读

要达到的效果 很多情况下我们都会即时监听输入框值的变化，以便作出即时动作去引导浏览者增强网站的用户体验感。比如即时显示输入框已经被输入的字节数，或者即时读取输入的值来进行搜索引导，也就是google的关联搜索效果等。 只要我们能捕获即时事件就能做到很多事情。 需要了解的知识 首先，我们需要了解onchange和onpropertychange的不同： IE下，当一个HTML元素的属性改变的时候，都能通过 onpropertychange来即时捕获。 onc...

js 重构Array的sort排序方法

2016年07月27日 6 阅读

这个排序是进行两两比较。 拿这个数组进行降序排列var a = [3, 1, 5, 6, 4, 2]; 第一轮比较：用第一个数值和本数组的其他元素进行比对 3比1 3比5 //5大，所以所以进行交换 得a = [5, 1, 3, 6, 4, 2]; 5比6 //交换 得a = [6, 1, 3, 5, 4, 2]; 6比4 6比2 第一轮最终结果 a = [6, 1, 3, 5, 4, 2]; 第二轮比较：用第二个数值和这个数值之后的元素进行对比 1比3 ...

js 限制表单输入长度 汉字为两个字符

2016年07月27日 6 阅读

将该效果整合成了一个函数，此函数接受3个参数： 第一个为textarea或其他text表单的ID； 第二个为显示输入内容的ID，可留空； 第三个为最多输入的字符，一个汉字为2个字符。 这只是一个基础效果，欢迎同学们进行优化和改进。 要获取代码请查看demo的源文件 限制表单输入长度 汉字为两个字符 function lengthLimit（elem, showElem, max）{ var elem = document.getElement...

javascript 图片放大缩小功能实现代码

2016年07月27日 5 阅读

看JS源码： 复制代码 代码如下: // 放大缩小控制 var PhotoSize = { zoom: 0, // 缩放率 count: 0, // 缩放次数 cpu: 0, // 当前缩放倍数值 elem: "", // 图片节点 photoWidth: 0, // 图片初始宽度记录 photoHeight: 0, // 图片初始高度记录 init: function（）{ this.elem = document.getElementById（"foc...

jquery中:input和input的区别分析

2016年07月27日 5 阅读

复制代码 代码如下: <script type="text/javascript"> $（function（）{ $（":input"）.focus（function（）{ $（this）.addClass（"focus"）; }）.blur（function（）{ $（this）.removeClass（"focus"）; }）; }）//这个效果第三个textarea也会添加样式 </script> <form actio...

$.format,jquery.format 使用说明

2016年07月27日 6 阅读

复制代码 代码如下:$.format = function （source, params） { if （arguments.length == 1） return function （） { var args = $.makeArray（arguments）; args.unshift（source）; return $.format.apply（this, args）; }; if （arguments.length > 2 && params....

JS继承 笔记

2016年07月27日 5 阅读

JS继承 JavaScript中没有类的概念，与类相关的继承的概念更是无从谈起，但是我们可以通过特殊的语法来 模拟面向对象语言中的继承。 在JS中模拟继承有多种方式，其中寄生组合模式是一种比较容易简单的模拟继承模式，下面我们就来 介绍一下用寄生组合模式模拟继承。 JS的继承包括属性的继承和方法的继承，他们分别通过不同的方法来实现。 1属性的继承 属性的继承通过改变函数的执行环境来实现的。而改变函数的执行环境可以使用call（）和apply（）两种 方法来实...

JS高级笔记

2016年07月27日 5 阅读

JS高级 一、JS的数据类型 1.基本类型 JS共有5大基本类型，分别是： 1）Undefined。他只有一个值：undefined。如果一个变量被定义但是没有给他赋值，那么这个时候系统会默认给这个变量赋值为undefined。 2）Null。它同样也只有一个值：null。他是一个引用类型，当一个准备保存对象的变量因为种种原因还没有指向一个对象的时候，可以给这个变量赋值为null，通常也是这么做的。 3）Number。数值类型，他是C#中的整型和浮点型的集...

js下将字符串当函数执行的方法

2016年07月27日 6 阅读

复制代码 代码如下: //测试函数 function test（str）{ alert（str）; } // 方法一 window["test"]（"方法一"）; // 方法二 eval（"test（"方法二"）"）; ...

js实现addClass,removeClass,hasClass的函数代码

2016年07月27日 5 阅读

复制代码 代码如下: function hasClass（ele,cls） { return ele.className.match（new RegExp（"（\s|^）"+cls+"（\s|$）"））; } function addClass（ele,cls） { if （！this.hasClass（ele,cls）） ele.className += " "+cls; } function removeClass（ele,cls） { if （has...

jquery 结合C#后台的数组对文章的关键字自动添加链接的代码

2016年07月27日 5 阅读

当我们需要在后台读取多个关键字时，我们可以先把后台的数据库读取到一个数组中（在数据库添加多个关键词时用“,”隔开）： 复制代码 代码如下: public string[] str; //添加一个公共数组一遍jquery调用 protected void Page_Load（object sender, EventArgs e） { string str1 = 读取数据库的关键词; str=str1.Split（","）; } 页面的JQuery: <...

基于jquery实现的鼠标滑过按钮改变背景图片

2016年07月27日 5 阅读

复制代码 代码如下: $（document）.ready（function （） { //按钮样式切换 $（"#btFeedBack"）.hover（ function （） { $（this）.removeClass（"btFeed"）.addClass（"btFeedhover"）; }, function （） { $（this）.removeClass（"btFeedhover"）.addClass（"btFeed"）; } ）; }）; ...