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

JSON无限折叠菜单编写实例

2017年02月06日 17 阅读

最近看了一篇关于JSON无限折叠菜单的文章感觉写的不错，也研究了下代码，所以用自己编码方式也做了个demo 其实这样的菜单项在我们网站上或者项目导航菜单项很常见的一种效果，特别是在一些电子商务网上上左侧有分类是很常见的或者说导航菜单有下拉效果也是很常见的，但是他们都是做死的也就是页面上代码直接写死的然后实现那种下拉效果而今天我们是通过JSON格式来自动生成的，或者可以说要做这种折叠菜单效果只需要开发人员提供我们前端开发这种JSON格式或者我们...

JS实现模仿微博发布效果实例代码

2017年02月06日 18 阅读

效果：思路：利用多功能浮动运动框架实现微博效果，首先，将textarea中的属性添加到新创建的li里面然后，再将li添加到ul里面，再利用浮动运动框架将数据动态的显示出来。代码：复制代码代码如下:<head runat="server"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } #ul1 { width: 30...

JS onmousemove鼠标移动坐标接龙DIV效果实例

2017年02月06日 20 阅读

效果：思路：利用onmousemove事件，然后获取鼠标的坐标，之后把DIV挨个遍历，最后把鼠标的坐标赋给DIV。代码：复制代码代码如下:<head runat="server"> <title></title> <style type="text/css"> div { width: 20px; height: 20px; background: #00FFFF; position: absolute;...

javaScript如何生成xmlhttp

2017年02月06日 18 阅读

复制代码代码如下: function ajaxFunction（）{ var xmlHttp; try { // Firefox, Opera 8.0+, Safari xmlHttp = new XMLHttpRequest（）; } catch （e） { try {// Internet Explorer xmlHttp = new ActiveXObject（"Msxml2.XMLHTTP"）; } catch （e） { try { xmlHt...

使用apply方法实现javascript中的对象继承

2017年02月06日 14 阅读

复制代码代码如下: <script type="text/javascript"> //使用apply方法实现对象继承 function Parent（username） { this.username = username; this.sayHello = function（） { alert（this.username）; } } function Child（username, password） { Parent.apply（this...

JavaScript修改css样式style动态改变元素样式

2017年02月06日 18 阅读

一、局部改变样式分为改变直接样式，改变className和改变cssText三种。需要注意的是：注意大小写： javascript对大小写十分敏感，className不能够把“N”写成“n”，cssText也不能够把“T”写成“t”，否则无法实现效果。调用方法：如果改变className，则事先在样式表中申明类，但调用时不要再跟style，像document.getElementById（"obj"）.style.className=”…”的写法是...

javascript和jquery修改a标签的href属性

2017年02月06日 18 阅读

javascript：复制代码代码如下: document.getElementById（"myId"）.setAttribute（"href","www.xxx.com"）; document.getElementById（"myId"）.href = "www.xxx.com"; jquery: 复制代码代码如下: $（"#myId"）.attr（"href","www.xxx.com"）; ...

使用firebug进行调试javascript的示例

2017年02月06日 17 阅读

复制代码代码如下: <script type="text/javascript"> //用于在friefox中调试用console.log（"hello"）; /** function test（name） { console.log（name）; } test（"hello world"）;**/ //调试的技巧 function showLog（message） { console.log（message）; console.info（...

javascript调试过程中找不到哪里出错的可能原因

2017年02月06日 18 阅读

昨天在写一个很简单的html页面加上一些基本的javascript脚本时，发现脚本怎么都无法运行，花了1个多小时折腾才发现错误在哪里。简单给出如下类似代码，看看你能找到问题在那里么？仔细看后发现了么。原来是有个分号是在中文模式下输入的，而在notepad里面两种分号区别并不是很明显，尤其是当代码长时更难找到。如果你说那不开中文输入法不就完了么，可是如果上图中的两处alert都需要你提示的是中文而非英文，这就难免需要在中英文输入之间切换，所以潜在的风险也就...

js捕获鼠标滚轮事件代码

2017年02月06日 19 阅读

之前看到一个人人网高级前端面试的笔试题要求手写代码，其中有个题是做一个图片展示类似百度图片最下面小缩略图那个展示栏然后要求有个鼠标滚轮滚动变大变小的要求这个我还真不知道怎么做，在网上找了找资料发现可以捕获onmousewheel的事件然后根据event.wheelDelta值的正负来判断是前滚还是后滚随便写了个小例子，顺便捕获下键盘的按键，不太美观没有换行因为用textNode做的,加不进去html代码说到这里是不是可以用这种方法来防止x...

js采用map取到id集合组并且实现点击一行选中一行

2017年02月06日 14 阅读

复制代码代码如下: <tbody > <tr > <td >1</td> <td>楼盘开业<br>折扣大大</td> <td>2011-11-11</td> <td>短信通知</td> </tr> <tr > <td>2</td> <td>楼盘开业<br>...

Jquery uploadify图片上传插件无法上传的解决方法

2017年02月06日 20 阅读

首先你确定你使用的插件的版本，版本不同，产生的问题也不同，我用的是3.2.1的版本，我前几天已经做好的功能今天运行的时候出错了，搞了半天也不知道那错了，最好仔细寻找，原来是jquery库的引入问题，可能是我引入的包版本低了，我换了一个js库立马好了，真是坑爹啊，谁需要这个demo的可以邮件我！...

动态加载dtree.js树treeview（示例代码）

2017年02月06日 14 阅读

复制代码代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><title>Destroydrop » Javascripts » Tree</title><link r...

B/S模式项目中常用的javascript汇总

2017年02月06日 18 阅读

屏弊网页的右键<body oncontextmenu="return false">或<body style="overflow-y:hidden">为网页加入背景音乐IE:<bgsound src="*.mid" loop=infinite>NS:<embed src="*.mid" autostart=true hidden=true loop=true></embed>*.mid你的背景音乐...

js实现倒计时时钟的示例代码

2017年02月06日 18 阅读

如下所示：复制代码代码如下:<！--将以下代码加入HTML的<Body></Body>之间--><SCRIPT language=JavaScript1.2>function setcountdown（theyear,themonth,theday）{yr=theyear;mo=themonth;da=theday}setcountdown（2008,7,12）var occasion="2008北京奥运会...

不提示直接关闭网页窗口的JS示例代码

2017年02月06日 18 阅读

在IE7、IE8中，使用JavaScript提供的close（）方法都可以关闭当前窗口或标签，但都提示讨厌的对话框，找了下代码，终于可以无提示直接关闭了。JavaScript代码复制代码代码如下:function CloseWin（） { window.opener=null; window.open（"","_self"）; window.close（）; } 实例：XML/HTML代码1.<input type=button value="关闭...

JS关闭窗口与JS关闭页面的几种方法小结

2017年02月06日 18 阅读

第一种：JS定时自动关闭窗口<script language="javascript"><！--function closewin（）{self.opener=null;self.close（）;}function clock（）{i=i-1document.title="本窗口将在" + i + "秒后自动关闭！";if（i>0）setTimeout（"clock（）;",1000）;else closewin（）;}var i=...

javascript获取select的当前值示例代码（兼容IE/Firefox/Opera/Chrome）

2017年02月06日 17 阅读

JavaScript获取Select当前值写法：var value = document.getElementById（"select"）.options[document.getElementById（"select"）.options.selectedIndex].value;var text = document.getElementById（"select"）.options[document.getElementById（"select"）.op...

javascript中parentNode,childNodes,children的应用详解

2017年02月06日 14 阅读

"parentNode"常用来获取某个元素的父节点. 把 parentNodes 理解为容器, 在容器中有个子节点例: <div id="parent"><b id="child">My text</b></div> 在上面的代码中, 你看到把"爹"作为一个 div 容器, 该容器中有个"孩子", 就是粗体的文字部分. 如果你打算用getElementById（）方法获取粗体元素并且想知道它"爹"是谁, ...

JavaScript禁止页面操作的示例代码

2017年02月06日 15 阅读

单的JS禁止页面右键菜单--避免网站信息被盗用复制代码代码如下:<script type="text/javascript"> function block（oEvent）{ if（window.event） oEvent=window.event; if（oEvent.button==2） alert（"鼠标右键不可用"）; } document.onmousedown=block;</script>网页上禁止复制主要靠Jav...

首页 / 脚本样式 / JavaScript

JSON无限折叠菜单编写实例

JS实现模仿微博发布效果实例代码

JS onmousemove鼠标移动坐标接龙DIV效果实例

javaScript如何生成xmlhttp

使用apply方法实现javascript中的对象继承

JavaScript修改css样式style动态改变元素样式

javascript和jquery修改a标签的href属性

使用firebug进行调试javascript的示例

javascript调试过程中找不到哪里出错的可能原因

js捕获鼠标滚轮事件代码

js采用map取到id集合组并且实现点击一行选中一行

Jquery uploadify图片上传插件无法上传的解决方法

动态加载dtree.js树treeview（示例代码）

B/S模式项目中常用的javascript汇总

js实现倒计时时钟的示例代码

不提示直接关闭网页窗口的JS示例代码

JS关闭窗口与JS关闭页面的几种方法小结

javascript获取select的当前值示例代码（兼容IE/Firefox/Opera/Chrome）

javascript中parentNode,childNodes,children的应用详解

JavaScript禁止页面操作的示例代码