半角全角相互转换的js函数

2016年07月27日 8 阅读

复制代码 代码如下:///全角空格为12288，半角空格为32 ///其他字符半角（33-126）与全角（65281-65374）的对应关系是：均相差65248 //半角转换为全角函数 function ToDBC（txtstring） { var tmp = ""; for（var i=0;i<txtstring.length;i++） { if（txtstring.charCodeAt（i）==32） { tmp= tmp+ String.fro...

显示js对象所有属性和方法的函数

2016年07月27日 8 阅读

要想看到实际效果，可以先声明一些属性跟方法，否则是看不到，仔细往下看有例子的。复制代码 代码如下:function ShowObjProperty（Obj） { var PropertyList=""; var PropertyCount=0; for（i in Obj）{ if（Obj.i ！=null） PropertyList=PropertyList+i+"属性："+Obj.i+" "; else PropertyList=PropertyLis...

实现JavaScript中继承的三种方式

2016年07月27日 8 阅读

一、原型链继承 在原型链继承方面，JavaScript与java、c#等语言类似，仅允许单父类继承。prototype继承的基本方式如下： 复制代码 代码如下: function Parent（）{} function Child（）{} Child.prototype = new Parent（）; 通过对象Child的prototype属性指向父对象Parent的实例，使Child对象实例能通过原型链访问到父对象构造所定义的属性、方法等。 ...

JavaScript 函数式编程的原理

2016年07月27日 8 阅读

1，JavaScript中函数、方法的调用 在JavaScript中，有两种调用函数的方式。一般的方式是把参数放在括号中，另一种方式是同时把函数和参数都放在括号中。如： 复制代码 代码如下: function test（x） { alert（x）; } test（"hello"）; （test）（"hello"）; //等同于下面的代码 （function test（x） { alert（x）; }）（"hello"）; //也等同于下面的代码 （func...

JavaScript 定义function的三种方式小结

2016年07月27日 7 阅读

（1）声明一个表达式变量，并定义该变量的表达式。如： 复制代码 代码如下: var func = function（） { /*body code*/ } （2） 定义一个function表达式，并指定该表达式的标识。如： 复制代码 代码如下: function func（） { //body code } （3） 使用JavaScript内置Function对象构造。如： 复制代码 代码如下: var func = new Function（"/*p...

JavaScript 基于原型的对象（创建、调用）

2016年07月27日 8 阅读

JavaScript中的对象有三种 1，内部对象 如Array，Boolean，Data，Math，Number，Object，RegExp，String对象等 这些对象系统给我们提供了各自的属性与方法供调用。 2，基于类的对象 用类的方式实现对象的引用，这些类需要我们自己定义 3，基于原型的对象 提供有关如何使用 JavaScript 基于原型的对象模型的指南，并且提供指向特定信息的链接，这些信息描述基于原型的对象的自定义构造函数和继承。 在我们写js代...

层序遍历在ExtJs的TreePanel中的应用

2016年07月27日 12 阅读

原理非常简单，就是树的层序遍历，在遍历过程中遇到第一个叶子节点即完成工作。效果如下图:代码如下： 复制代码 代码如下: var currentRootNode = null;//当前选择的根节点 function NodeClass（） { //定义一个节点类 var nodeValue = null; var nextNode = null;//下一个节点 } function InitQueue（queue） { //初始化一个队列 queue = n...

将jQuery应用于login页面的问题及解决

2016年07月27日 8 阅读

最近在学习和试用jquery,感觉它的ajax和ashx发回json简直是完美的结合，如果我们可以在Form验证时使用这种方式，则login页面几乎就可以达到简洁的极致了。在login页面中使用jquery的ajax回叫ashx验证用户名和密码，然后转向其他页面。初步验证，在ashx中手工构造登录票据，然后返回给login端，是可以完成登录的。 然后接下来，就是在login.aspx页面中引入jquery，将jquery放在lib目录下，将user.ash...

document.onreadystatechange事件的用法分析

2016年07月27日 6 阅读

这两天，正在给部门的一个项目做优化，其中一项是将web应用中的所有alert用div方式实现，javascript的相关方法都写好了，方法名为showDialog，前台页面调用showDialog方法一点也没有问题，可是页面一旦提交，从后台输出脚本，调用showDialog方法，就会时不时的出现问题了，报一个无法打开Internet站点的错误，在脚本中下断点调试，依然找不到问题的根源，最后到网上一查，这个问题有可能是页面没有完全加载造成的，于是乎，修改后台...

JS 仿Flash动画放大/缩小容器

2016年07月27日 8 阅读

放大缩小容器 *{margin:0;padding:0;} body { padding:1em; } h2 { font-size:2em; } div { display:inline-block; width:10em; padding:.5em; margin-bottom:1em; overflow:hidden; background:#eee; text-align:center; font-size:1em; } p#text ...

javascript 定时自动切换的选项卡Tab

2016年07月27日 11 阅读

这里要注意,用于产生changeTabInterval的随机数，防止页面上TabPane过多，如果设置的changeTabInterval都一样的话会产生整齐划一的切换的效果，不美观. 自动切换Tab选项卡 function randint（m,n）//产生m-n之间的随机整数 { return Math.random（）*（n-m）+m; } function IfNull（a,dv） { return typeof（a） =="undefined"？...

图片友情链接滚动 横向,带控制按钮

2016年07月27日 8 阅读

友情链接滚动特效 .roun .rounCenter_fh{width:248px;float:left;overflow:hidden;border-left:1px solid #D3D3D3;border-right:1px solid #D3D3D3;background-color: #FFFFFF;background-position: 193px top; height:133px; padding-top:8px;} .containe...

简单的加密css地址防止别人下载你的CSS文件的方法

2016年07月27日 9 阅读

这种方法将CSS文件的地址用Javascript来输出,并加密字符,大家试试看,什么办法可以显示出这些？好好想想哦. 阻止查看CSS文件 document.write（unescape（"%3Cstyle%20type%3D%22text/css%22%3E"））; document.write（unescape（"%3C%21--.tablecls%20%7B%20border%3A1px%20solid%20%23a2a2a2%3B%20ba...

图片与JavaScript配合做出个性滚动条

2016年07月27日 6 阅读

图片与JavaScript配合做出个性滚动条 * { margin:0; padding:0; } body { margin:20px 0 400px 20px; font:12px Arial; } h1 { font-size:14px; } ol { margin:20px; line-height:160%; } #out { position:relative; width:500px; height:300px; margin:1...

JavaScript 复制功能代码 兼容多浏览器

2016年07月27日 8 阅读

因此兼容性没得说了，现在用不上的话，先收藏一下吧。 JavaScript 复制功能代码，兼容多浏览器 //ie copyValue=function（strValue） { if（isIE（）） { clipboardData.setData（"Text",strValue）; alert（"您已成功复制了此地址"）; } else { copy（strValue）; alert（"内容已被复制！"）; } } function isIE（num...

图片与文字半透明效果 鼠标移上不透明

2016年07月27日 7 阅读

该 DIV是半秀明状态，这样可以看到背景也可以衬托文字，当鼠标放到文字上的时候，DIV层彻底不透明，文字清淅显示出来，一般这种效果都是要配合JavaScript的，这样兼容性会更好。 图片与文字结合的半透明效果，鼠标移上不透明 .box{ width:600px; height:600px; padding:20px;} *{ margin:0; padding:0;} body{ background:url（http://files.jb51...

javascript 模拟Marquee文字向左均匀滚动代码

2016年07月27日 6 阅读

可以实现匀速、无缝、加链接以及其它的修饰效果，本代码就是实现了这一功能，让文字从右至右平滑滚动，滚动宽度、高度、速度均可以设定。 Js文字向左运动 var marqueewidth=350 var marqueeheight=22 var speed=5 var marqueecontents="欢迎光临脚本之家 网页特效栏目，精品特效全收罗！" if （document.all） document.write（""+marqueeconten...

纯CSS 链接悬停提示效果代码

2016年07月27日 7 阅读

CSS悬停提示 body {font:normal 12px Verdana} a#tip {position:relative;left:75px; font-weight:bold;} a#tip:link,a#tip:hover {text-decoration:none;color:#000;display:block} a#tip span {display:none;text-decoration:none;} a#tip:hover...

JS、CSS文字切换，定时交替，代码精简

2016年07月27日 6 阅读

你可以把它看作像写一般的CSS列表一样，只用增加两三行代码就能完成切换效果。 文本定时变动代码 #newslist{ background:#f8f8f8;border:1px solid silver;padding:1px;height:20px;line-height:20px;width:288px; } #contain{ font-size:12px;overflow:hidden;list-style:none;width:288p...

Javascript 仿歌词智能滚动代码

2016年07月27日 7 阅读

保证浏览者能看清楚文字，然后继续上下滚动。 文本滚动 #infozone{font-size:12px;color:#aa6;overflow:hidden;width:98px;height:20px;} #infozone div{height:20px;line-height:20px;white-space:nowrap;overflow:hidden;} var tc; window.onload=function（）{ var o=d...