一个js写的日历（代码部分网摘）

2016年07月27日 8 阅读

特意贴出这段代码，因为它的代码简洁和清晰，觉得不错，供大家分享。 ×××××××函数定义部分 复制代码 代码如下: <script type="text/javascript"> var $ = function （id） { return "string" == typeof id ？ document.getElementById（id） : id; }; var Class = { create: function（） { return ...

Tab页界面，用jQuery及Ajax技术实现

2016年07月27日 18 阅读

到了B/S开发时代，网页前端布局也把Tab页的布局形式吸收了过来。特别是和Ajax技术结合起来，可以更充分发挥Tab页的良好表现力和数据缓存的优势，是一种良好的网页布局形式。 网上的Tab页代码很多，实现也大同小异 ，但代码都显得凌乱，若要真的用的话，必须费劲的吃透它，才能进行二次定制开发，为我所用。实际上实现这个Tab页界面非常简单，仅仅是通过Ajax技术偷偷的获取信息，然后在一块区域轮流显示而已（通过显示和隐藏层，或复用一个层，轮流向里边填充Html数...

用jQuery技术实现Tab页界面之二

2016年07月27日 8 阅读

这是第二篇文章，第一篇可以参考Tab页界面，用jQuery及Ajax技术实现代码特点： 1，完全实现Tab逻辑功能，Tab的样式完全交由前端代码控制，很灵活。 2，tab页触发事件是click。 3，界面以table布局，只需要配置关键对象的class和id 即可工作。 复制代码 代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or...

IE,firefox（火狐）浏览器无提示关闭窗口js实现代码小结

2016年07月27日 9 阅读

经脚本之家编辑整合的版本：注意 如果你使用的是firefox浏览器必须要做以下设置 1、在地址栏输入about:config然后回车，警告确认 2、在过滤器中输入”dom.allow_scripts_to_close_windows“，双击即可将此值设为true 即可完成了。 js关闭窗口兼容firefox、chrome、ie 复制代码 代码如下: function windowclose（） { var browserName = navigator.a...

通过JS 获取Mouse Position（鼠标坐标）的代码

2016年07月27日 8 阅读

昨天写的脚本在获取鼠标位置的时候有些问题。在IE中始终当有滚动条的时候，发现document.body.scrollTop并没有起到作用。后来在google中搜索到一篇文章Mouse Cursor Position，详细介绍了浏览器鼠标定位的问题。各个浏览器对鼠标定位的标准不一样，就连不通版本的ie对定位支持都不一样。document.body.scrollLeft，document.body.scrollTop只用于IE6以前的版本，在IE6中，对没有宣...

jquery 子窗口操作父窗口的代码

2016年07月27日 10 阅读

$（"#父窗口元素ID",window.parent.document）...就行了 js 版本 view sourceprint？1.window.parent.document.getElementById（）...

用JavaScript隐藏控件的方法

2016年07月27日 7 阅读

当style.display="block"或style.visibility="visible"时控件或见，当style.display = "none"或style.visibility = "hidden"时控件不可见。不同的是“display”不但隐藏控件，而且被隐藏的控件不再占用显示时占用的位置，而“visibility”隐藏的控件仅仅是将控件设置成不可见了，控件仍然占俱原来的位置。 <p> <input id="control...

js 冒泡事件与事件监听使用分析

2016年07月27日 8 阅读

冒泡事件 js中“冒泡事件（bubble）”并不是能实际使用的花哨技巧，它是一种对js事件执行顺序的机制，“冒泡算法”在编程里是一个经典问题，冒泡算法里面的“冒泡”应该说是交换更加准确；js里面的“冒泡事件”才是真正意义上的“冒泡”，它从DOM最低层逐层遍历树，然后附加相应事件。以下面代码为例： 冒泡事件 function Add（sText） { document.getElementById（"Console"）.innerHTML +=sText...

javascript 必知必会之closure

2016年07月27日 10 阅读

下面的代码片断缩进目前还不完善,你也可以选择 下载pdf 来阅读. Contents摘要 什么是closure 执行空间（执行上下文, Execution Context） closure的一些用法 关于closure的效率 应用建议 结论 参考资料 本文的rst源码 什么是closure一种定义是:A "closure" is an expression （typically a function） that can have free variable...

ie与ff下的event事件

2016年07月27日 7 阅读

更多的文章可以参考 http://www.jb51.net/tag/event/1.htm另外ie中使用srcElement去获得事件触发源，ff下使用target。因此使用这两个对象时需要做相关的浏览器兼容。 srcElement --http://www.jb51.net/ 点击 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 查看运行结果 综合上节attachEvent与addEventListener。 复制代码...

比较全面的event对像在IE与FF中的区别 推荐

2016年07月27日 7 阅读

window.event IE：有window.event对象 FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove（event） 鼠标当前坐标 IE：event.x和event.y。 FF：event.pageX和event.pageY。 通用：两者都有event.clientX和event.clientY属性。 鼠标当前坐标（加上滚动条滚过的距离） IE：event.offse...

jquery ajax 登录验证实现代码

2016年07月27日 8 阅读

使用 jquery 框架：下载 jquery.js 新建一个 web 工程 ajax ； 在 webRoot 下新建一个 jslib 文件夹：专门存放 js 文件； 在 webRoot 下新建一个 html/jsp 页面： login.html 复制代码 代码如下:<script type = "text/javascript" src = "jslib/jquery.js"></ script> <script type =...

js 获取中文拼音,Select自动匹配字母获取值的代码

2016年07月27日 9 阅读

复制代码 代码如下:<script type="text/javascript"> var key2code = {65:"a",66:"b",67:"c",68:"d",69:"e",70:"f",71:"g",72:"h",73:"i",74:"j", 75:"k",76:"l",77:"m",78:"n",79:"o",80:"p",81:"q",82:"r",83:"s",84:"t", 85:"u",86:"v",87:"w",88:...

JavaScript 变量命名规则

2016年07月27日 8 阅读

JScript 是一种区分大小写的语言。 第一个字符必须是一个 ASCII 字母（大小写均可），或一个下划线（_）。注意第一个字符不能是数字。 后续的字符必须是字母、数字或下划线。 变量名称一定不能是 保留字。 下面给出合法变量名称的一些示例： _pagecount Part9 Number_Items 下面给出无效变量名称的一些示例： 99Balloons // 不能以数字开头。Smith&Wesson // “与”符号（&）字符用于变量名称是无效的。...

没有form表单情况下敲回车键提交表单的js代码

2016年07月27日 7 阅读

function enterPress（e） { if （e.keyCode == 13） { login（）; } } function login（）{ //登录验证等 alert（"login"）; } Username: Password: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

jQuery 使用手册（一）

2016年07月27日 11 阅读

一：核心部分$（expr）说明：该函数可以通过css选择器，Xpath或html代码来匹配目标元素，所有的jQuery操作都以此为基础参数：expr：字符串，一个查询表达式或一段html字符串例子：未执行jQuery前：<p>one</p><div> <p>two</p></div> <p>three</p> <ahref="#"id="test"onCl...

jQuery 使用手册（三）

2016年07月27日 7 阅读

三：CSS操作 传统javascript对css的操作相当繁琐，比如<div id="a" style="background:blue">css</div>取它的background语法是 document.getElementById（"a"）.style.background，而jQuery对css更方便的操作，$（"#a"）.background（），$（"#a"）.background（“red”）$（"#a"）得到jQu...

jQuery 使用手册（四）

2016年07月27日 7 阅读

四：JavaScript处理$.browser（） 判断浏览器类型，返回boolen值 $（function（）{if（$.browser.msie）{alert（"这是一个IE浏览器"）;}elseif（$.browser.opera）{alert（"这是一个opera浏览器"）;}}）当页面载入式判断浏览器类型，可判断的类型有msie、mozilla、opera、safari$.each（obj, fn） obj为对象或数组，fn为在obj上依次执行的...

jQuery 使用手册（五）

2016年07月27日 7 阅读

五：动态效果 在将这部分之前我们先看个例子，相信做网页的朋友都遇到n级菜单的情景，但点击某菜单按钮时，如果它的子菜单是显示的，则隐藏子菜单，如果子菜单隐藏，则显示出来，传统的javascript做法是先用getElementById取出子菜单所在容器的id，在判断该容器的style.display是否等于none，如果等于则设为block,如果不等于这设为none，如果在将效果设置复杂一点，当点击按钮时，不是忽然隐藏和显示子菜单，而是高度平滑的转变，这时就...

jQuery 使用手册（六）

2016年07月27日 7 阅读

六：事件处理hover（Function, Function） 当鼠标move over时触发第一个function，当鼠标move out时触发第二个function样式：<style>.red{color:#FF0000}</style>Html代码： <div id="a">sdf</div>jQuery代码及效果 $（function（）{$（"#a"）.hover（function（）{$（this...