JavaScript资料,JavaScript文章,JavaScript文档-易库教程

jquery使用jxl插件导出excel示例

2016年07月27日 13 阅读

复制代码代码如下: function formattable（tableHtml, sheetName） { var template = "<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><hea...

jQuery 鼠标经过（hover）事件的延时处理示例

2016年07月27日 9 阅读

一、关于鼠标hover事件及延时鼠标经过事件为web页面上非常常见的事件之一。简单的hover可以用CSS :hover伪类实现，复杂点的用js。一般情况下，我们是不对鼠标hover事件进行延时处理。但是，有时候，为了避免不必要的干扰，常会对鼠标hover事件进行延时处理。所谓干扰，就是当用户鼠标不经意划过摸个链接，选项卡，或是其他区域时，本没有显示隐藏层，或是选项卡切换，但是由于这些元素上绑定了hover事件（或是mouseover事件），且无延时，...

js 获取元素下面所有li的两种方法

2016年07月27日 9 阅读

js 获取元素下面所有的li 复制代码代码如下: var content=document.getElementById（"content"）; var items=content.getElementsByTagName（"ul"）; var itemss=items[2].getElementsByTagName（"li"）; 或复制代码代码如下: var div=document.getElementById（"a"）; var ul=div...

JS实现静止元素自动移动示例

2016年07月27日 10 阅读

一个元素是静止的，使它在屏幕上实现自动移动。这是一个比较简单问题，在学习中遇到了，把它写了下来。复制代码代码如下: <！DOCTYPE html> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style> #sp...

javascript页面渲染速度测试脚本分享

2016年07月27日 9 阅读

复制代码代码如下:/* 获取渲染开始的时间戳, 保存在数组PAGE_SPEED_TIME中 */<html><script type="text/javascript">/*tag*/PAGE_SPEED_TIME = [new Date（）.getTime（）];</script><head>......</head>复制代码代码如下:....../* 页面最末端，计算页面加载耗用的时间 *...

javascript调试之DOM断点调试法使用技巧分享

2016年07月27日 13 阅读

有的同学会说，可以使用源代码搜索的办法。的确，对于一个相对简单的页面，这个方法时常奏效。但是，对于构成相对复杂的页面（比如页面嵌入很多脚本文件和片段、使用了大段面向对象的实现、隐藏了实现的代码），可能找起来就不那么顺利了。在Javascript调试中，我们经常会使用到断点调试。其实，在DOM结构的调试中，我们也可以使用断点方法，这就是DOM Breakpoint（DOM断点）。具体的使用方法：1. 在Chrome浏览器中，打开开发者工具，先选中一个页面元素...

jquery datepicker参数介绍和示例

2016年07月27日 9 阅读

复制代码代码如下:<！DOCTYPE html><html><head><link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/><script src="http://ajax.googleapis.com/aja...

jquery新的绑定事件机制on方法的使用方法

2016年07月27日 12 阅读

浏览jQuery的deprecated列表，发现live（）和die（）在里面了，赶紧看了一下，发现从jQuery1.7开始，jQuery引入了全新的事件绑定机制，on（）和off（）两个函数统一处理事件绑定。因为在此之前有 bind（）, live（）, delegate（）等方法来处理事件绑定，jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法。on（events,[selector],[data],fn）...

使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法

2016年07月27日 10 阅读

公司自己内部的程序，通过调用外部协议来正常使用，但外部协议必须配合一个客户端才可以，所以想通过js来判断是否安装了客户端，如果未安装，跳转到下载的地址，就类似网上一些迅雷、快车下载链接。查了查方法，实现方法如下：复制代码代码如下:<script type="text/javascript">function checkClient（obj）{ try{ var a = new ActiveXObject（"suncloud.app"）; ob...

关闭浏览器窗口弹出提示框并且可以控制其失效

2016年07月27日 10 阅读

在js页面加载时运行如下代码复制代码代码如下: window.onbeforeunload = function（）{ return "未保存的内容可能会丢失"; }; 此代码在火狐和ie下不会显示return的值在google浏览器下显示此文字。失效控制触发js运行如下：复制代码代码如下: window.onbeforeunload = function（）{}; ...

模拟一个类似百度google的模糊搜索下拉列表

2016年07月27日 9 阅读

复制代码代码如下: // JavaScript Document function onChangehoverLi（thisLi）{ $（"#searchtext"）.val（$（thisLi）.html（））; $（"#suggest_ul"）.hide（0）; validateform2（）; } $（function（）{ //载入时隐藏下拉li $（"#suggest_ul"）.hide（0）; }）; //Ajax 动态获取关键字 //监听文本...

JS比较2个日期间隔的示例代码

2016年07月27日 9 阅读

复制代码代码如下: <！--forms[]部分--> <td> <div id="td12Div" style="display: none;">起始日期：</div> </td> <td> <div id="sdateDiv"> <date:date styleClass="psm-ui-text" name="startDate" property="start...

jQuery制作的别致导航有阴影背景高亮模式窗口

2016年07月27日 12 阅读

效果图： html链接：复制代码代码如下: <a href="#" rel="registerwindow" class="model">注册</a> css: 复制代码代码如下: img{ border:0px;} #registerwindow{ width:600px; height:400px; top:50px; right:100px; background:#FFF; display:none; border:...

jquery实现点击文字可编辑并修改保存至数据库

2016年07月27日 9 阅读

这个方法网上可以查到很多，但是好多只有点击文字编辑并保持，但是没有完整的代码写怎么保存到数据库。因为本人才疏学浅，费啦好长时间才写好把修改的内容只用一条sql语句保存到数据库，今天在这里和大家分享这是运行图片这是前台页面 03.aspx页面复制代码代码如下: <table id="MyTable" cellspacing="1" cellpadding="3"> <asp:Repeater ID="reorderInFo" run...

jQuery的cookie插件实现保存用户登陆信息

2016年07月27日 10 阅读

复制代码代码如下: <！DOCTYPE html> <html> <head> <title>cookies.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"...

JavaScript面向对象编程入门教程

2016年07月27日 9 阅读

尽管面向对象JavaScript与其他语言相比之下存在差异，并由此引发了一些争论，但毋庸置疑，JavaScript具有强大的面向对象编程能力本文先从介绍面向对象编程开始，然后回顾JavaScript对象模型，最后演示JavaScript中的面向对象编程概念。JavaScript回顾如果你对诸如变量（variables）、类型（types）、函数（functions）、以及作用域（scope）等JavaScript概念觉得心里没底，那么你可以阅读重新介绍Ja...

JavaScript中一个奇葩的IE浏览器判断方法

2016年07月27日 16 阅读

记得在网上Down的很多源码用的最多的一种方式就是：复制代码代码如下:var ie = document.all（）;这是因为IE浏览器的document下有all方法，而所谓的标准浏览器却没有，所以很长的一段时间，这个是一种非常普遍的方法。在之后大家开始追求起简短，就像在这之后一度流行的一种方法：复制代码代码如下:var ie = ！ + "v1";这个是利用IE不支持垂直制表符的特性而判别的，仅仅7个字符已经很让人震惊了，可是这个记录被一个俄国人在...

JS实现的一个简单的Autocomplete自动完成例子

2016年07月27日 9 阅读

分享一篇无意间发现的自动完成源码。这里测试的时候使用的是数组，实际使用的时候，我们换成Ajax从服务器端获取的方式就OK了。提示：可以直接保存到一个html文件中查看效果。复制代码代码如下:<！doctype html><html><style>body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}.auto_h...

JavaScript框架（iframe）操作总结

2016年07月27日 9 阅读

框架编程概述一个 HTML页面可以有一个或多个子框架，这些子框架以<iframe>来标记，用来显示一个独立的HTML页面。这里所讲的框架编程包括框架的自我控制以及框架之间的互相访问，例如从一个框架中引用另一个框架中的JavaScript变量、调用其他框架内的函数、控制另一个框架中表单的行为等。框架间的互相引用一个页面中的所有框架以集合的形式作为window对象的属性提供，例如：window.frames就表示该页面内所有框架的集合，这和表单对象...

Javascript WebSocket使用实例介绍（简明入门教程）

2016年07月27日 9 阅读

一旦你了解了网络套接字与WEB服务器的连接，你将可以从浏览器发送数据到服务器并且可以接收由服务器返回的响应数据。以下是创建一个新的WebSocket对象的API：复制代码代码如下:var Socket = new WebSocket（url, [protocal] ）;这里第一个参数是指要连接的URL，第二个参数是可选的，如果需要的话，则是指定一个的服务器支持的协议。WEB Socket属性：属性说明Socket.readyStatereadyState...

首页 / 脚本样式 / JavaScript

jquery使用jxl插件导出excel示例

jQuery 鼠标经过（hover）事件的延时处理示例

js 获取元素下面所有li的两种方法

JS实现静止元素自动移动示例

javascript页面渲染速度测试脚本分享

javascript调试之DOM断点调试法使用技巧分享

jquery datepicker参数介绍和示例

jquery新的绑定事件机制on方法的使用方法

使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法

关闭浏览器窗口弹出提示框并且可以控制其失效

模拟一个类似百度google的模糊搜索下拉列表

JS比较2个日期间隔的示例代码

jQuery制作的别致导航有阴影背景高亮模式窗口

jquery实现点击文字可编辑并修改保存至数据库

jQuery的cookie插件实现保存用户登陆信息

JavaScript面向对象编程入门教程

JavaScript中一个奇葩的IE浏览器判断方法

JS实现的一个简单的Autocomplete自动完成例子

JavaScript框架（iframe）操作总结

Javascript WebSocket使用实例介绍（简明入门教程）