JavaScript Perfection kill 测试及答案

2017年02月06日 24 阅读

下面是选择题：官方地址是 http://perfectionkills.com/javascript-quiz/ 复制代码 代码如下: 1. （function（）{ return typeof arguments; }）（）; “object” “array” “arguments” “undefined” 2. var f = function g（）{ return 23; }; typeof g（）; “number” “undefined” “f...

IE及firefox下获取及设置样式值的代码

2017年02月06日 25 阅读

复制代码 代码如下:<script type="text/javascript"> //<！[CDATA[ function $（obj） { return document.getElementById（obj）; } function getStyle（obj,styleName） { if（obj.currentStyle） //for ies { return obj.currentStyle[styleName]; //注意获取...

Javascript 变量作用域 两个可能会被忽略的小特性

2017年02月06日 23 阅读

也许有些高手早已知道了,但是我觉得这两个东西还是有一些价值的，所以拿到这里和大家分享一下吧. 有如下代码： 复制代码 代码如下: <script type="text/javascript" > function test（） { with （location） { var temp = "an url"; } alert（temp）; } test（）; </script> 调用这个函数会输出什么呢？ 也许会认为它会弹出unde...

在光标处插入字符串的实现代码 兼容IE,Firefox

2017年02月06日 24 阅读

复制代码 代码如下:// 在光标处插入字符串 // myField 文本框对象 // 要插入的值 function insertAtCursor（myField, myValue） { //IE support if （document.selection） { myField.focus（）; sel = document.selection.createRange（）; sel.text = myValue; sel.select（）; } //MOZ...

js parentElement和offsetParent之间的区别

2017年02月06日 24 阅读

首先是 parentElement 属性，这个属性好理解，就是在 DOM 层次结构定义的上下级关系，如果元素A包含元素B，那么元素B就可以通过 parentElement 属性来获取元素A。 这里主要说的是 offsetParent 属性，这个属性在 MSDN 的文档中也没有解释清楚，这就让人更难理解这个属性。 这几天在网上找了些资料看看，再加上自己的一些测试，对此属性有了那么一点的了解，在这里总结一下。 要明白 offsetParent 属性，要先明白“...

js本身的局限性 别让javascript做太多事

2017年02月06日 24 阅读

甚至有个人问我“页面上有5个文本框，每个文本框只能输入一个字符，怎么用js实现用户输入第一个文本框的后焦点自动跳到第二个。”。 我说这个功能不是应该是Tab做的吗？用户输入后只要按一下Tab键就可以了，而且，这样用户还可以控制是否切换到下一个（因为用户也有输入错误的可能）。 但他执意坚持，说是老板要求的。我最后只好帮他把这个功能实现了。但就是感觉怪怪的。 以前刚刚会用js时，感觉js好神奇，可以把一些很复杂的功能变得简单而轻松。后来慢慢知道js有很多事情不...

JavaScript Eval 函数使用

2017年02月06日 24 阅读

值得注意的 当传入是Json类型的时候要var user = eval（result.d）; 当传入是字符串的时候要用eval（"exception = "+result.responseText）; 复制代码 代码如下: $.ajax （ { type: "POST", contentType: "application/json", url: serviceURL+"...

Javascript中Eval函数的使用

2017年02月06日 24 阅读

【eval（）函数】 JavaScript有许多小窍门来使编程更加容易。 其中之一就是eval（）函数，这个函数可以把一个字符串当作一个JavaScript表达式一样去执行它。 举个小例子： 复制代码 代码如下: var the_unevaled_answer = "2 + 3"; var the_evaled_answer = eval（"2 + 3"）; alert（"the un-evaled answer is " + the_unevaled_a...

jquery 仿QQ校友的DIV模拟窗口效果源码

2017年02月06日 24 阅读

下面我们来看下这个效果图： 调用代码如下： 复制代码 代码如下:<input value="效果" id="jbox-demo" type="button" /></p> <script language="javascript" type="text/javascript"> $（document）.ready（function （） { $（"#jbox-demo"）.click（ function （） { jBo...

jQuery AJAX 调用WebService实现代码

2017年02月06日 27 阅读

用jQuery调用其他项目的WebService 实现登录验证功能 html输入用户名密码： 代码 复制代码 代码如下: <table style="width: 400px"> <tr> <td style="width: 200px" class="left"> Login ID: </td> <td style="width: 200px" class="left"> <input i...

锋利的jQuery 要点归纳（三） jQuery中的事件和动画（上：事件篇）

2017年02月06日 26 阅读

一、事件 1 加载DOM 复制代码 代码如下: $（document）.ready（function（）{//...}） DOM加载完毕后执行，在可重复使用上区别于window.onload=function（）{//...} $（window）.load（function（）{//...}） window内所有对象加载完毕后执行，几等同window.onload=function（）{//...}。也可针对selector使用此方法 另：$（docum...

锋利的jQuery 要点归纳（三） jQuery中的事件和动画（下：动画篇）

2017年02月06日 21 阅读

二、动画 1 show（）方法和hide（）方法 复制代码 代码如下: $（"selector"）.show（） 从display:none还原元素默认或已设置的display属性 $（"selector"）.hide（） 设置元素的display样式为none，等于$（"selector"）.css（"display","none"） （注：传入参数后，.show（）和.hide（）方法同时动画改变元素的width,height和透明属性；传入参数控制...

jQuery EasyUI 开源插件套装 完全替代ExtJS

2017年02月06日 23 阅读

前台开发，很多人喜欢用JQuery，但是在做后台管理系统，特别是企业管理系统，例如WEB进销存系统等，很多人都会选择ExtJS，因为ExtJS提供了非常多的UI界面，并且非常友好。我要告诉大家，现在JQuery也有一个很好的UI插件了，几乎完全可以替代ExtJS，下面来看看对比：上图是ExtJS和EasyUI的界面对比，是不是很类似呢，很强大呢？ 呵呵~~漂亮的消息弹出，支持遮罩效果。这个效果也很酷~ 更多的酷炫功能请看下方功能列表。。。Easy UI的使...

一个精简的JS DIV层tab切换代码

2017年02月06日 20 阅读

DIV层切换 function ChangeDiv（divId,divName,zDivCount） { for（i=0;i...

JS 显示当前日期与时间的代码

2017年02月06日 23 阅读

JS 显示当前日期 复制代码 代码如下: <script language="Javascript"> var datelocalweek=new Array（"星期日", "星期一", "星期二","星期三","星期四", "星期五","星期六"）; var datelocalnow=new Date（）; var datelocalyear=datelocalnow.getFullYear（）; var datelocalmonth=（da...

ExtJs使用IFrame的实现代码

2017年02月06日 24 阅读

环境： Microsoft Visual Studio 2008 Sp1 Asp.net MVC ExtJs 3.1.1 使用IFrame须要一个ExtJS的一个插件ManagedIFrame（miframe.js），用了这个插件可以使用 xtype:"iframepanel" 下载 代码段： 复制代码 代码如下: var p_center = new Ext.TabPanel（{ region: "center", resizeTabs: true, /...

javascript instanceof,typeof的区别

2017年02月06日 22 阅读

为什么结果会是false呢？ 复制代码 代码如下: <script type="text/javascript"> var aColors = ["red", "green", "blue"]; alert（typeof aColors[0]）; //output "string" alert（aColors[0] instanceof String）; //output "false"; </script> 你要区分string ...

JS学习之一个简易的日历控件

2017年02月06日 21 阅读

这个日历控件类似于园子用的日历，如下图： 这种日历控件实现起来不难，下面简单分析下我的思路：首先，是该控件的可配置项：复制代码 代码如下: ... settings: { firstDayOfWeek: 1, baseClass: "calendar", curDayClass: "curDay", prevMonthCellClass: "prevMonth", nextMonthCellClass: "nextMonth", curMonthNorma...

ext 列表页面关于多行查询的办法

2017年02月06日 24 阅读

首先在Ext.grid.GridPanel中必须要有tbar对象 然后要增加listeners: { "render": function（） { bbar2.render（this.tbar）; //add one tbar //twoTbar.render（this.tbar）; //add two tbar // threeTbar.render（this.tbar）; //add three tbar } } 可以看到这里有bbar2这样就可以增加...

JavaScript 学习初步 入门教程

2017年02月06日 23 阅读

在JavaScript中数据类型分为整型和浮点型，这里的浮点型没有单精度和双精度之分同一使用双精度进行表示，所有变量的声明只需使用var（好简单啊，不要再记int long float double……）你付给它什么类型的值，它就是什么类型。也不要区分字符和字符串，在以前好像有时候，在使用C#的时候好像有 “……不能作为字符串来使用”。很容易记住，哈哈………… String类型也和其他语言的类似有string类型的方法，可以对队字符串进行操作，如字符串的截...