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

初窥JQuery（二）事件机制（2）

2017年02月06日 24 阅读

简单的说Jquery的事件处理机制就相当与在HTML标签中指定各种事件，比如onclick（）,keydown（）等，在标签中指定事件对应到Javascript的函数，便于我们实现我要求。而JQuery的事件处理则是将这些事件绑定到脚本内部，使我们无须将函数暴露在标签中，而且使用起来非常方便。在介绍方法之前，我觉得有必要描述一下响应事件的两种策略，一种是事件捕获（Event capturing），一种是事件冒泡（Event bubble），这两种策略...

jquery实现心算练习代码

2017年02月06日 23 阅读

在线演示：http://demo.jb51.net/js/jquery_xinsuan/index.htm看看大家做完要多长时间，代码如下：复制代码代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:...

jquery ui dialog ie8出现滚动条的解决方法

2017年02月06日 22 阅读

此问题在UI1.7就出现,到了UI1.8也未修复,真不知道该怎么说好.. JQUI 开发提交BUG的帖子:http://dev.jqueryui.com/ticket/3623 解决办法相当不科学~ 我的解决办法,个人感觉好过那个,因为我只隐藏横的滚动条,呵呵附上修改的代码: 修改:jquery.ui.dialog.js 复制代码代码如下: var $el = （this.oldInstances.pop（） || $（"<div><...

javascript 静态树菜单实现代码

2017年02月06日 23 阅读

谁有兴趣的话可以改成动态加载数据，或者用jquery，代码肯定会少很多！我发现添加一些css，这棵树在静态页面还是大有用途的！ .expand{ cursor:pointer; } .hide{ cursor:pointer; } function toggleChild（o） { var cls = o.getAttribute（"class"）; if （cls == "expand"） { var sb = o.nextSibling; i...

DD_belatedPNG,IE6下PNG透明解决方案（国外）

2017年02月06日 22 阅读

我们知道IE6是不支持透明的PNG的,这无疑限制了网页设计的发挥空间. 然而整个互联网上解决这个IE6的透明PNG的方案也是多不胜数,从使用IE特有的滤镜或是expression,再到javascript+透明GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-repeat. 而我今天介绍DD_belatedPNG,只需要一个理由,就是它支持backgrond-position与ba...

兼容IE和FF的js脚本代码小结（比较常用）

2017年02月06日 21 阅读

/*以下以 IE 代替 Internet Explorer，以 MF/FF 代替 Mozzila Firefox */ //window.event IE：有window.event对象 FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove（event）解决方法：var event = event || window.event; example: 复制代码代码如下: <...

javascript 二维排序表格代码

2017年02月06日 23 阅读

功能如下： 1.排序功能：单击行表头或列表头则进行正序排序；若再次单击，则进行逆序； 2.修改功能：双击某个单元格，则可进行输入操作，当输入框失去焦点时，则新数据被保存； 3.随机功能：每次刷新页面，表格中的数据都不一样；效果图：完整源码如下：二维排序表格 * { font-family: Tahoma, Arial, Serif; font-size: 14; } body { text-align: center; min-width: ...

js 上传图片预览问题

2017年02月06日 23 阅读

最近也经常遇到浏览器兼容的问题，昨天遇到上传图片预览问题，发现IE8和火狐不能显示，弄了很久，早上终于解决了很高兴。故跟大家分享下，我也多是网上找的，自己总结的一下，希望对大家有点帮助。我们一般根据IE6、IE7进行开发的时候写图片预览的代码是：复制代码代码如下: document.getElementById（"img"）.src = document.getElementById（"file"）.value; 还有一种方式复制代码代...

菜鸟javascript基础整理1

2017年02月06日 23 阅读

1复制代码代码如下://页面中写入html内容 document.write（"<h1>Hello World！</h1>"）2复制代码代码如下://为了防止不支持 JavaScript 的浏览器把js当作为页面的内容来显示 //注释行末尾的两个正斜杠是 JavaScript 的注释符号，它会阻止 JavaScript 编译器对这一行的编译。 <script type="text/javascript"> <！...

菜鸟javascript基础资料整理2

2017年02月06日 24 阅读

1。 //使用变量的属性 <script type="text/javascript"> var txt="Hello World！" document.write（txt.length） </script> 2。 //把字符串中的所有字母都被转化为大写字母。 <script type="text/javascript"> var str="Hello world！" document.write（str.toUpper...

菜鸟javascript基础资料整理3 正则

2017年02月06日 22 阅读

1.js正则表达式（RegExp对象） RegExp 对象有 3 个方法：test（）、exec（）以及 compile（）。 ①test（）方法 //test（）方法检索字符串中的指定值。返回值是 true 或 false。 var patt1=new RegExp（"e"）; document.write（patt1.test（"The best things in life are free"））; ②exec（）方法 //exec（）方法检索...

javascript处理table表格的代码

2017年02月06日 22 阅读

复制代码代码如下: var picarry = {}; var lnkarry = {}; var ttlarry = {}; function FixCode（str）{ return str.replace（""","="）; } var t=document.getElementById（"pictable"）; var rl=t.rows.length; var baseu= document.URL.replace（/（http.*/）（.*）...

JS的Event事件对象使用方法

2017年02月06日 22 阅读

fasdf function bb（e）{ alert（e）; } var container = document.getElementById（"contentq"）; container.onclick=function（e）{ if（document.all）{//IE var a=window.event; alert（a.type）; }else{ alert（e.type）; } } [Ctrl+A 全选注:如需引入外部...

关于Javascript模块化和命名空间管理的问题说明

2017年02月06日 25 阅读

【关于模块化以及为什么要模块化】先说说我们为什么要模块化吧。其实这还是和编码思想和代码管理的便利度相关（没有提及名字空间污染的问题是因为我相信已经考虑到模块化思想的编码者应该至少有了一套自己的命名法则，在中小型的站点中，名字空间污染的概率已经很小了，但也不代表不存在，后面会说这个问题）。其实模块化思想还是和面向对象的思想如出一辙，只不过可能我们口中所谓的“模块”是比所谓的“对象”更大的对象而已。我们把致力完成同一个目的的功能函数通过良好的封装组合起来，...

JS当前属性查询实现代码

2017年02月06日 20 阅读

单页面下载网站标题 #div1 .bObject { cursor:pointer; color:Blue; } #div1 .bError { color:Red; } #div1 div { margin-left:20px; border:solid 1px gray; padding:5px; } #div1 th { text-align:left; background-color:#fef; } #div1 td { vertica...

JavaScript Accessor实现说明

2017年02月06日 24 阅读

第一种算是比较常见了,通过闭包Store Value从而实现accessor,适用于所有浏览器. 复制代码代码如下: function Sandy（val）{ var value = val; this.getValue = function（）{ return value; }; this.setValue = function（val）{ value = val; }; } //usage var sandy = new Sandy（"test"）;...

javascript中的一些注意事项更新中

2017年02月06日 23 阅读

一.prototype原型对象，需要注意的原则是：（1）. 使用原型可以大量减少每个对象对内存的需求量，因为对象可以继承许多属性。（2）. 即使属性在对象被创建之后才被添加至原型中，对象也能够继承这些属性。示例代码：复制代码代码如下: <script type="text/javascript"> function print（msg） { document.write（msg,"<br/>"）; } function...

javascript定义函数的方法

2017年02月06日 22 阅读

以下是各种方法的示例代码复制代码代码如下: <html> <head></head> <body> <script type="text/javascript"> /*javascript定义函数（声明函数）可以有三种方法：正常方法、构造函数、函数直接量。*/ /*1.正常方法 function（param）{}*/ function print（msg） { document.write（m...

写js时遇到的一些小问题

2017年02月06日 24 阅读

1、在写<asp:Button ……>的OnClientClick事件时，需要加上return；否则会出现OnClientClick返回false，但仍然执行OnClick事件的情况。例如：复制代码代码如下: <asp:Button ID="btnSearch" runat="server" CssClass="button" Text="查找...." OnClientClick="return CheckBox（）;" On...

关于用Jquery的height（）、width（）计算动态插入的IMG标签的宽高的问题

2017年02月06日 23 阅读

先来看现象：复制代码代码如下: <div id="cc"></div> <script> $（document）.ready（function（） { $（"#cc"）.append（"<div id="aa" style="width:200px;height:200px;" /></div>"）; alert（$（"#aa"）.width（））; }）; </script> ...

首页 / 脚本样式 / JavaScript

初窥JQuery（二）事件机制（2）

jquery实现心算练习代码

jquery ui dialog ie8出现滚动条的解决方法

javascript 静态树菜单实现代码

DD_belatedPNG,IE6下PNG透明解决方案（国外）

兼容IE和FF的js脚本代码小结（比较常用）

javascript 二维排序表格代码

js 上传图片预览问题

菜鸟javascript基础整理1

菜鸟javascript基础资料整理2

菜鸟javascript基础资料整理3 正则

javascript处理table表格的代码

JS的Event事件对象使用方法

关于Javascript模块化和命名空间管理的问题说明

JS当前属性查询实现代码

JavaScript Accessor实现说明

javascript中的一些注意事项 更新中

javascript定义函数的方法

写js时遇到的一些小问题

关于用Jquery的height（）、width（）计算动态插入的IMG标签的宽高的问题

javascript中的一些注意事项更新中