比较搞笑的js陷阱题

2017年02月06日 22 阅读

看如下代码： 复制代码 代码如下: var a = function（t） { return t; } （1 + 2）.toString（）; alert（a）; 结果是多少？ 其实主要问题出在第一行后面没有分号，所以其实是var a = function（t） { return t; }（1 + 2）.toString（）; 先建立变量a,然后执行赋值语句，匿名函数传入参数1+2执行，返回结果.toString（），赋值给a。 关于这种fu...

js 自定义的联动下拉框

2017年02月06日 24 阅读

觉得这个下拉框已经稍微能满足美观需求了，这个是点出来的效果，写了键盘的方向键，回车，esc等 事件， 并且能根据页面的底部距离判断是否向上展示今天弄了个联动的，顺便贴部分代码 效果预览：以下代码解决了ie6的兼容问题复制代码 代码如下: $containerDivText.mousedown（function（） { setTimeout（ function（） { if （$newUl[0].style.display == "block"） { $ne...

js 省地市级联选择

2017年02月06日 23 阅读

demo1为最简单的一份实现，页面id配置需在js文件中写入，适合简单情况 demo2增加了动态配置，可将配置项传入，适合页面存在多个级联下拉 以下为地市数据json格式,可使用ajax获取或者做成ashx/asmx服务也可直接保存为js文件，可根据你的地市数据调整格式，并修改对应源码 复制代码 代码如下: var _ds_data=[ { id:0, name:"u5317u4EAC", city:[ { id:1, name:"u5317u4EACu5...

JavaScript 类似flash效果的立体图片浏览器

2017年02月06日 22 阅读

PS:显示效果图，大家可以根据自己的需求调整图片的样式哦代码 复制代码 代码如下: <style type="text/css"> //图片浏览器容器 #container{position:absolute;} #container img{position:absolute;} //半透明遮罩层样式 .mask2{ background:#99FF00; opacity:0.3; filter:Alpha（Opacity="30"）; po...

JavaScript Event学习第九章 鼠标事件

2017年02月06日 25 阅读

先看看都有哪些鼠标事件：mousedown,mouseup_and_click,dblclick,mousemove和mouseover mouseout。然后还会解释一下relatedTarget,fromElement和toElement这些事件属性。最后是微软的mouseenter和mouseleave事件。 浏览器的兼容性问题，可以在浏览器兼容性列表查看。例子 这里有一个例子。可以帮助理解下面的内容。 mousedown，mouseup，click...

jQuery AJAX回调函数this指向问题

2017年02月06日 23 阅读

如在全局作用域调用一个含this的对象，此时当前对象的this指向的是window。为了让this的指向符合自己的意愿，JavaScript提供了两个方法用以改变this的指向，它们是call和apply，当然也有利用闭包来实现的方法。本文通过一个例子来说明这些问题。 先看一段演示代码，这代码只供演示用，没有实际意义。 复制代码 代码如下: //一个没有实际意义的socket连接对象 var socket = { connect: function（hos...

toString（）一个会自动调用的方法

2017年02月06日 24 阅读

这一特性显然有助于你偷懒，当然也有利于实现一些特定的功能。为了说明这一特性，下面从一个实际开发案例说起。 如果在你的WEB项目中，有很多地方都需要输出像下面这样的一个列表HTML： 复制代码 代码如下: <ul> <li>JavaScript事件冒泡应用实例</li> <li>执行AJAX返回HTML片段中的JavaScript脚本</li> </ul> 很显然这是一个LI结构，也许...

jQuery 文本框模拟下拉列表效果

2017年02月06日 22 阅读

网页代码如下： New Web Project $（document）.ready（function（）{ $（"#test"）.val（""）; //定义一个下拉按钮层，并配置样式（位置，定位点坐标，大小，背景图片，Z轴），追加到文本框后面 $DIV = $（""）.css（"position", "absolute"）.css（"left", $（"#test"）.position（）.left + $（"#test"）.width（） ...

关于页面被拦截的问题

2017年02月06日 21 阅读

ie 2. TT 3. maxthon chrome , firefox 默认安装是没有页面拦截的， 都有一些对应的插件测试的时候不能在本地测试， 要把页面放到http 服务器上。1. ie 页面拦截设为高， 所有方式都无法在新页打开。 拦截设为中， window.open ， 直接写的页面上， new 一个a click，以及form submit 都可以打开页面， timeout 不能打...

javascript 解析url的search方法

2017年02月06日 26 阅读

复制代码 代码如下: function searchParse（）{ var resultObj = {}; var search = window.location.search; if（search && search.length > 1）{ var search = search.substring（1）; var items = search.split（"&"）; for（var index = 0 ; index < items....

一个XML格式数据转换为图表的例子

2017年02月06日 24 阅读

源文档模板文档（这里收缩了js代码，代码放在CDATA段里）源文档模板文档（这里收缩了js代码，代码放在CDATA段里）结果这个例子使用的是转换为VML的语法，换成其他如SVG的语法，就可以转换成为SVG图形，单元数量可以任意加。 其实还有更多已经完成的例子，包括生成单位树（支持动态获取数据并生成节点列表），生成编辑界面（可更新数据库）等等。 源代码在一个大的类库里面，需要提取修改后再发，以便独立使用。 对于这种转换方式，请朋友们发表高见，不吝赐教。 ps...

Javascript 获取链接（url）参数的方法[正则与截取字符串]

2017年02月06日 24 阅读

当然，我们也可以用正则直接匹配，文章中也给出了一个正则的例子。 分解链接的方式： 复制代码 代码如下: <script type="text/javascript"> <！-- // 说明：Javascript 获取链接（url）参数的方法 function getQueryString（name） { // 如果链接没有参数，或者链接中不存在我们要获取的参数，直接返回空 if（location.href.indexOf（"？"）==-1...

一些收集整理非常不错的JS效果代码

2017年02月06日 24 阅读

按A就会跳转到练习的网页,请按A lastNo=0 function re（menu_no）{ if（lastNo！=menu_no）{ cur=menu_no+1 lastNo=menu_no rest（） }else{ cur=100 } document.getElementById（"board"+menu_no）.style.visibility="visible" } function rest（）{ for（i=1;i...

ExtJs 3.1 XmlTreeLoader Example Error

2017年02月06日 23 阅读

前言 关键字：ExtJs 3.1 XmlTreeLoader Example Error,XmlTreeLoader 错误,TreePanel Error ExtJs 3.1的XmlTreeLoader例子折腾了我近一个下午加晚上，官方的例子没有问题，可以加载xml的数据，本地IIS死活不行，也不报错，直接查看官方的代码也是一模一样的，今早意外给让我搜到了，不是在官方，而是在貌似一个韩国的博客里面找到的，致敬一下，本文且做其简单中文"译"本。原文 h...

JQuery 获得绝对,相对位置的坐标方法

2017年02月06日 24 阅读

var X = $（"#DivID"）.offset（）.top; var Y = $（"#DivID"）.offset（）.left; 获取相对（父元素）位置: var X = $（"#DivID"）.position（）.top; var Y = $（"#DivID"）.position（）.left; 复制代码 代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN...

JQUERY操作JSON实例代码

2017年02月06日 26 阅读

1.jqury如何用ajax的形式调用后台asp.net页面生成的json数据 2.jquery简单的dom操作 3.送本jquery的开发手册给大家（大家慢慢去研究） 准备工作： 首先，我们新建个网站（.net2.0就行）. 1.在我们的项目中jquery的js文件。 2.新建一个htm文件，命名为dome.htm吧。 代码如下：（head区的js代码就是实现的全部代码，有详细注释） 复制代码 代码如下: <！DOCTYPE html PUBLIC...

基于Jquery的简单&amp;简陋Tabs插件代码

2017年02月06日 25 阅读

HTML代码 复制代码 代码如下: <div class="tab"> <li class="selected" >1</li> <li class="hover">2</li> <li class="hover">3</li> </div> <div class="tab_box"> <div class="newslist">第一个&...

jQuery插件 tabBox实现代码

2017年02月06日 24 阅读

查了一下jq的官方插件编写文档（http://docs.jquery.com/Plugins/Authoring）以及文档中推荐的Mike Alsup写的一篇A Plugin Development Pattern。英语不是很好，但还是努力看下来（既学习到知识又能练习英语，何乐不为），照猫画虎的写了一个处女作——tabBox。 顾名思义，这个插件就是方便的产生具有tab选项卡功能“盒子”的。看图一下就明白这样功能在网页上是非常肠炎宁个的，不论前台后台。...

JavaScript Event学习第十章 一些可替换的事件对

2017年02月06日 22 阅读

测试的局限性 这一章我们打算寻找哪些事件可以用来仿真鼠标事件。注意这一系列测试不包括屏幕阅读器。因为我不能满足所有的条件，因此测试也有局限性。这个测试目标仅仅只是那些在图形界面下的浏览器中不使用鼠标的用户。 我假设这些测试一样可以用来在一些移动设备上。因为条件不足，所以也不能测试。很多时候在移动设备上表现总是不尽如人意。 总结 不幸的是，我们不能制定一个严格的鼠标事件和非鼠标的一对一的方案，因为非鼠标事件和鼠标事件有很多不同。所以下面的建议在大多数场合适用...

JavaScript Event学习第十一章 按键的检测

2017年02月06日 25 阅读

第一个问题是对于按键事件来说根本就没有标准，按照规范说的：包含键盘等输入设备的事件模型会在以后的DOM规范中作出解释。 正如我们了解到的，浏览器在最开始设计的时候并没有一个标准，大家都像做实验似的，最后的成品虽然是有用的，但是肯定造成了兼容性的问题。按键问题也不例外：这里有两个属性能检测到用户按下了什么键，虽然有足够的理由为什么需要两个属性，但是依然并不是所有的浏览器都支持。 另外，在keypress与keydown和keyup之间还有一些很重要的区别。 ...