技术开发

JavaScript技术

JavaScript 学习笔记(十五)

阅读(43) 作者(admin)

事件 事件是DOM(文档对象模型)的一部分。事件流就是事件发生顺序,这是IE和其他浏览器在事件支持上的主要差别。 一、事件流 1、冒泡型事件 IE上的解决方案就是冒泡型事件,它的基本思想是从最特定的目标到最不特定的事件目...

JavaScript技术

javascript 匿名函数的理解(透彻版)

阅读(36) 作者(admin)

复制代码 代码如下: (function(){ //这里忽略jQuery所有实现 })(); (function(){ //这里忽略jQuery所有实现 })();   半年前初次接触jQuery的时候,我也像其他人一样很兴奋地想看看源码是什么样的。然而,在看到源码的...

JavaScript技术

Jquery 常用方法经典总结

阅读(42) 作者(admin)

1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。

2、jQuery对象与dom对象的转...

JavaScript技术

jquery 批量上传图片实现代码

阅读(35) 作者(admin)

前台: upload.htm 复制代码 代码如下: <!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"...

JavaScript技术

javascript中的array数组使用技巧

阅读(38) 作者(admin)

复制代码 代码如下:var array = new Array(["no1","no2"]); array["po"] = "props1"; alert(array[0][0]); alert(array.length); //2 //对于数组来说,array[0]同array["0"]效果是一样的(?不确定,测试时如此) alert(a...

JavaScript技术

详细讲解JS节点知识

阅读(42) 作者(admin)

注意大小写一定不能弄错. 属性: Attributes 存储节点的属性列表(只读) childNodes 存储节点的子节点列表(只读) dataType 返回此节点的数据类型 Definition 以DTD或XML模式给出的节点的定义(只读) Doctype 指定文档类...

JavaScript技术

javaScript 关闭浏览器 (不弹出提示框)

阅读(33) 作者(admin)

复制代码 代码如下: <script language="javaScript">   function closeWindow()   {      window.opener = null;      window.open(' ', '_self', ' ');      window.close();   } </script>...

JavaScript技术

javascript 三种编解码方式

阅读(42) 作者(admin)

1、 传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。

例如:<script language="javascript">document.write('<a href="http://passport.baidu.com/?logout&aid=7&u='+encodeURICompone...

JavaScript技术

数组Array进行原型prototype扩展后带来的for in遍历问题

阅读(25) 作者(admin)

通常在JavaScript中用for与for in遍历数组结果是没有什么区别的,它的循环变量i都是从0开始的数组索引(for in如果遍历的是非数组对象的属性集合,则这个i就是属性名,或称之为key)。另外要注意一点是:用for in遍历数组,循环变...

JavaScript技术

比较搞笑的js陷阱题

阅读(20) 作者(admin)

看如下代码: 复制代码 代码如下:   var a = function(t) { return t; }   (1 + 2).toString();   alert(a); 结果是多少?

其实主要问题出在第一行后面没有分号,所以其实是var a = function(t) { return t; }(1...

JavaScript技术

javascript 鼠标拖动图标技术

阅读(25) 作者(admin)

这个例子简单讲就是鼠标拖动图标到它任意想去的地方 代码 复制代码 代码如下: <body> <div id="block" style="width:100px; height:100px; position:relative; background-color:#FF0000";></div> <script> var bb =...

JavaScript技术

js 省地市级联选择

阅读(22) 作者(admin)

demo1为最简单的一份实现,页面id配置需在js文件中写入,适合简单情况 demo2增加了动态配置,可将配置项传入,适合页面存在多个级联下拉 以下为地市数据json格式,可使用ajax获取或者做成ashx/asmx服务也可直接保存为js文件,可...

js 自定义的联动下拉框
JavaScript技术

js 自定义的联动下拉框

阅读(17) 作者(admin)

觉得这个下拉框已经稍微能满足美观需求了, 这个是点出来的效果,写了键盘的方向键,回车,esc等 事件, 并且能根据页面的底部距离判断是否向上展示今天弄了个联动的,顺便贴部分代码 效果预览: 以下代码解决了ie6的兼容问题复制...

JavaScript技术

JavaScript Event学习第九章 鼠标事件

阅读(15) 作者(admin)

先看看都有哪些鼠标事件:mousedown,mouseup_and_click,dblclick,mousemove和mouseover mouseout。然后还会解释一下relatedTarget,fromElement和toElement这些事件属性。最后是微软的mouseenter和mouseleave事件。...

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

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

阅读(22) 作者(admin)

PS:显示效果图,大家可以根据自己的需求调整图片的样式哦代码 复制代码 代码如下: <style type="text/css"> //图片浏览器容器 #container{position:absolute;} #container img{position:absolute;} //半透明遮罩层样式...

JavaScript技术

toString()一个会自动调用的方法

阅读(24) 作者(admin)

这一特性显然有助于你偷懒,当然也有利于实现一些特定的功能。为了说明这一特性,下面从一个实际开发案例说起。

如果在你的WEB项目中,有很多地方都需要输出像下面这样的一个列表HTML: 复制代码 代码如下: <ul> <li>JavaS...

JavaScript技术

jQuery AJAX回调函数this指向问题

阅读(22) 作者(admin)

如在全局作用域调用一个含this的对象,此时当前对象的this指向的是window。为了让this的指向符合自己的意愿,JavaScript提供了两个方法用以改变this的指向,它们是call和apply,当然也有利用闭包来实现的方法。本文通过一个...

关于页面被拦截的问题
JavaScript技术

关于页面被拦截的问题

阅读(27) 作者(admin)

ie 2. TT 3. maxthon chrome , firefox 默认安装是没有页面拦截的, 都有一些对应的插件 测试的时候不能在本地测试,...

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

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

阅读(27) 作者(admin)

网页代码如下: New Web Project 提交 运行后,需要刷新一下, 才可以加载jquery [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]用到的图片: 最后的效果:默认/光标移出时文本框的样子:鼠标移入时文本框的样子,当...

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

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

阅读(30) 作者(admin)

源文档模板文档(这里收缩了js代码,代码放在CDATA段里)源文档模板文档(这里收缩了js代码,代码放在CDATA段里)结果这个例子使用的是转换为VML的语法,换成其他如SVG的语法,就可以转换成为SVG图形,单元数量可以任意加。

其实还有...

JavaScript技术

javascript 解析url的search方法

阅读(20) 作者(admin)

复制代码 代码如下: function searchParse(){ var resultObj = {}; var search = window.location.search; if(search && search.length > 1){ var search = search.substring(1); var items = search.split('&'); fo...

JavaScript技术

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

阅读(25) 作者(admin)

按A就会跳转到练习的网页,请按A [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 类似与QQ的好友/黑名单之类的树型菜单 New Document body { font-family: verdana, helvetica, arial, sans-serif...