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

用JS判断IE版本的代码超管用！

2017年02月06日 23 阅读

方法一：复制代码代码如下: <script language="javascript"> function getIE（） { if（navigator.appName == "Microsoft Internet Explorer"） { if（navigator.appVersion.match（/7./i）=="7."） { //是IE7，不跳转 } else { //不是，跳转 location.href="http://127.0...

JQuery动态创建DOM、表单元素的实现代码

2017年02月06日 21 阅读

复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content...

基于Jquery的文字自动截取（提供源代码）

2017年02月06日 23 阅读

插件需求（功能需要）一个插件就是完成一个特定的功能，我们在动手制作一个插件时应该确定该插件开发完成后应具备哪些功能供我们使用。在某天早上，按模式的完成开机、连接数据库、开启VS开发环境、调试程序。程序跑起了，可是页面中的有段内容超过了页面所容许的范围。这还不容易哟，SubString呗，对，这的确是个好法子，能解决这类问题，但当页面需要被处理过后的内容进行交互，这种方法难免有点不适应了，那么我们就使用Jquery开发一个满足该需求的插件吧；开发须知...

Javascript实现的类似Google的Div拖动效果代码

2017年02月06日 21 阅读

复制代码代码如下: JScript 文件： //检测浏览器 MSIE Firefox var ie=false,moz=false; （function（） {//check the browser var userAgent=navigator.userAgent; if（userAgent.indexOf（"MSIE"）！=-1） ie=true; else if（userAgent.indexOf（"Firefox"）！=-1） moz=true;...

取得窗口大小兼容所有浏览器的js代码

2017年02月06日 19 阅读

取得窗口大小的代码：复制代码代码如下: var pageWidth = window.innerWidth, var pageHeight = window.innerHeight; if（typeof pageWidth ！= "number"）{ if（document.compatMode == "number"）{ pageWidth = document.documentElement.clientWidth; pageHeight = do...

IE 当eval遇上function的处理

2017年02月06日 23 阅读

情况1：eval里没有function，直接执行： eval（"alert（"ss"）;"）;//所有浏览器正确均输出情况2：eval里有function，function立即执行： eval（"（function（）{alert（"ss"）;}）（）;"）;//所有浏览器正确输出情况3：eval里有function，使用变量保存function引用并调用该function： var f=eval（"（function（）{alert（"ss"）;}）...

JsDom 编程小结

2017年02月06日 23 阅读

1.浏览器兼容问题：浏览器兼容性的例子：ie6，ie7对table.appendChild（"tr"）的支持和IE8不一样，用insertRow、insertCell来代替或者为表格添加tbody，然后向tbody中添加tr。FF（FireFox）不支持InnerText,用textContent代替 2.几乎所有DOM元素都有innerText、innerHTML属性（注意大小写），分别是元素标签内内容的文本表示形式和HTML源代码，这两个属性是可读可...

javascript 主动派发事件总结

2017年02月06日 23 阅读

1，dispatchEvent（）这是标准的触发事件方法，使用时需要先创建好事件对象。如下复制代码代码如下: var evt = document.createEvent（"Event"）; evt.initEvent（"click",true,true）; element.dispatchEvent（evt）; 2，fireEvent（）这是IE旧版本中实现的触发事件方法，它无须创建事件对象，直接使用。如下复制代码代码如下: element.f...

silverlight线程与基于事件驱动javascript引擎（实现轨迹回放功能）

2017年02月06日 23 阅读

案例背景：整个功能其实就是从数据库取出数据，然后在界面上播放，简单地说就是类似网上在线看视频，听音乐，只不过我取的是字符串数据，而他们取的是流文件数据。把整体数据分成十份，十个线程同时向数据库取数据（并发提高速度）放在十个队列中，另外一个线程从队列中取数据拿出来到界面上播放，可以拖动播放进度，停止，暂停，重新播放，控制播放速度。恩，功能听起来似乎很简单，做起来也不是很难。但是后面发现的一些问题，以及顺着这些问题往下挖掘，挖掘了一些我认为值得记住的...

最常用的12种设计模式小结

2017年02月06日 22 阅读

1.策略模式（Strategy）: 定义了算法家族, 分别封装起来, 让它们之间可以互相替换. 比如Collections.sort（List list, Comparator c）; 可以通过实现多个Comparator接口来达到多种排序的目的. 2.装饰着模式（Decorator）: 动态的给一个对象添加一些额外的职责. 比如java.io包. BufferedInputStream封装了FileInputStream, 它们都实现了InputStre...

html中table数据排序的js代码

2017年02月06日 22 阅读

对了，注意那个innerText和innerHTML 复制代码代码如下: function sortCells（event） { var obj = event.target; var count = 0; count是记录点击次数的，根据奇偶进行升序或降序 if（！obj.getAttribute（"clickCount"））{ obj.setAttribute（"clickCount", 0）; } else { count = parseInt（o...

仿jQuery的siblings效果的js代码

2017年02月06日 20 阅读

复制代码代码如下: function siblings（o）{//参数o就是想取谁的兄弟节点，就把那个元素传进去 var a=[];//定义一个数组，用来存o的兄弟元素 var p=o.previousSibling; while（p）{//先取o的哥哥们判断有没有上一个哥哥元素，如果有则往下执行 p表示previousSibling if（p.nodeType===1）{ a.push（p）; } p=p.previousSibling//最后把上一...

javascript 动态改变onclick事件触发函数代码

2017年02月06日 20 阅读

javascript 动态改变onclick事件触发函数代码 function oc（） { alert（"原本的方法"）; } function od（） { alert（"我改变方法了。"）; } function of（） { document.getElementById（"name"）.onclick = function（）{ od（）; }; } 原来的方法通过点击，改变原来的方法的执行 [Ctrl+A 全选注:如...

JavaScript中的View-Model使用介绍

2017年02月06日 22 阅读

构成这是一个十分常见的微博列表页面，类似于新浪微博。上周末，在心无旁骛情况下，一共用了5个对象，产出400行代码，实践出一种代码组织模式。使任务轻松完成的代码有4个方面的要素组成：要素组成模型Reply、Forward视图CommentEditor、ReplyList、ForwardList模板jQuery.tmpl异步任务jQuery.Deferred分部介绍模型模型只与数据有关，它能够产生、过滤、保存、验证数据，并且仅此而已。如下例，留言模...

基于jQuery的投票系统显示结果插件

2017年02月06日 23 阅读

首先还是来看一下运行效果如图1所示。该插件使用步骤一、引入css文件首先页面引入css样式文件‘votecss.css"，他是投票结果正常显示必不可少的。具体代码如下所示： <link href="startpic/votecss.css" rel="stylesheet" type="text/css" /> 二、引入jQuery的就是源文件该插件是以jQuery为基础的所以引入jQuery插件是必须的具体代码如下： <scri...

基于jQuery的星级评分插件

2017年02月06日 23 阅读

首先看一下运行效果如下图所示。鼠标移到星星上该星星前面的所有星星全部变亮，鼠标单击将记录点击的星星数，前面的所有星星将变亮。一、原理本程序的原理是这样的：一个“ul”标签，该标签的背景为灰色的星星，控制“ul”标签的宽度显示星星的数量。例如：一个星星图片的宽度为23px，那么要显示10个星星，则“ul”的宽度为230px就可以显示10个星星。 n个“li”标签，n表示您要显示星星的个数，例如你要显示10个星星那么将有10个“li”标签。那么这10个标...

Jquery中对数组的操作代码

2017年02月06日 22 阅读

而在Jquery中则使用$.map（）、$.each（）来操作数组：首先是普通的数组（索引为整数的数组）：复制代码代码如下: $.map（arr,fn）; 对数组中的每个元素调用fn函数逐个进行处理，fn函数将处理返回最后得到的一个新的数组 var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1]; var newarr = $.map（arr, function（item） {return item*2 }）; alert（new...

jquery获得下拉框值的代码

2017年02月06日 21 阅读

获取Select ：获取select 选中的 text : $（"#ddlRegType"）.find（"option:selected"）.text（）; 获取select选中的 value: $（"#ddlRegType "）.val（）; 获取select选中的索引: $（"#ddlRegType "）.get（0）.selectedIndex; 设置select: 设置select 选中的索引： $（"#ddlRegType "）.get（0）....

javascript高级学习笔记整理

2017年02月06日 21 阅读

一.js面向对象的一种实现复制代码代码如下: <script type="text/javascript"> function Person（） { this.name = "张三"; this.age = 0; var nickName = "小三"; //类似私有变量,函数中的局部变量在函数执行完后自动销毁. this.SayHi = function （） { alert（"我的名字是" + this.name + " ,大家都叫...

SyntaxHighlighter语法高亮插件使用说明

2017年02月06日 22 阅读

javascript语法高亮复制代码代码如下: （function（）{ var el=document.getElementById（"img"）; var doc=document.documentElement,docBody=document.body; var oldY=（doc.scrollTop || docBody.scrollTop）+（doc.clientHeight/2 || docBody.clientHeight/2）; （f...

首页 / 脚本样式 / JavaScript

用JS判断IE版本的代码 超管用！

JQuery动态创建DOM、表单元素的实现代码

基于Jquery的文字自动截取（提供源代码）

Javascript实现的类似Google的Div拖动效果代码

取得窗口大小 兼容所有浏览器的js代码

IE 当eval遇上function的处理

JsDom 编程小结

javascript 主动派发事件总结

silverlight线程与基于事件驱动javascript引擎（实现轨迹回放功能）

最常用的12种设计模式小结

html中table数据排序的js代码

仿jQuery的siblings效果的js代码

javascript 动态改变onclick事件触发函数代码

JavaScript中的View-Model使用介绍

基于jQuery的投票系统显示结果插件

基于jQuery的星级评分插件

Jquery中对数组的操作代码

jquery获得下拉框值的代码

javascript高级学习笔记整理

SyntaxHighlighter语法高亮插件使用说明

用JS判断IE版本的代码超管用！

取得窗口大小兼容所有浏览器的js代码