一.数据类型 Javascript是一种弱类型的脚本语言,它一共有6种数据类型,又被分为基础数据类型,特殊数据类型,复合数据类型。 1.基础数据类型:数值型,字符串型,布尔型 2.特殊数据类型:null,undefined(区别在于null需要显性赋值,而undefined表示没有赋值) 3.复合(引用)数据类型:Object(数组是特殊的对象) 注:理解基础数据类型和引用数据类型的区别。如函数参数传递 二. 包装类和基础数据类型的关系 对于...
一.关于Javascript变量声明 在Javascript中,声明一个变量 var a=1; 也可以直接 a=1; 这两种表达是有区别的, 一个是当前作用域的局部变量,另一个则是当前作用域的全局变量; Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 代码如下:var n=999; function f1(){ alert(n); } f1(); // 999 另一方面,在函数外部自然无法读取函数内的局部变量。 代码如下:function f1(){ var n=999; } alert(n); // e...
代码如下:function GetCurrentDirectory() { var curHref = location.href; var curArray = locHref.split("/"); delete curArray[curArray.length - 1]; var curdir = curArray.join("/"); return curdir; }
jQuery是什么? jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,包括来自德国的Jörn Zaefferer,罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera ...
什么是DOM对象? HTML是以树形结构来组织文档的,具体如下: 代码如下:<!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> <title>1-4</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- 引入 jQuery --> <script src="../scripts/jquery-1.3.1.js" type="text...
一.基本选择器:#id :选择给定ID名的元素 如:$("#id1")为选择id为id1的元素 .class :选择给定类名的元素 element :选择给定元素名的所有原色 * :匹配所有元素 selector1,selector2,...... :选择这些名称的元素,以逗号隔开,可以是类或id名 二.层次选择器:$("ancestor descendant") :选择ancestor元素下的所有descendant(后代)元素 $("parent>child") :选择parent下的所有child(子)元素 $(prev+next) :选择紧...
一.节点的操作 1.查找节点: var $var_1=$("htmltype"); //这句话就是获取所有htmltype节点 如:var $ul_1=$("ul"); 2.创建并追加节点: var $var_1=$("<htmltype>");//这句话是创建一个节点 $("htmltype2").append($var_1) ; //这句话是把节点插入所有htmltype2节点中 例子:var $li_1=$("<li title="title1">香蕉</li>"); $("ul").append($li_1); 其中插入方法有以下几种:append() 把B追加到A内部(所有的A元素...
一.事件绑定 1.事件绑定函数 事件的绑定函数为如下形式: .bind(type [,data],fn) type:类型 如click..... data:参数 fn:事件执行的函数 例子 代码如下:$(function(){ $(#id1).click(function(){ $(#id2).show();//id2显示 }) ; }); 二.合成事件 1.鼠标滑过事件 .hover(enter,leave) enter:鼠标光标移动到对象时触发的函数 leave:鼠标光标移出对象触发的函数 例子: 代码如下:$(function(){ $(#id1).hover(function(){ $(#id2)....
一.系统预定义的动画函数 1.显示隐藏函数 show(); //显示元素(同时增加宽、高、不透明度) hide(); //隐藏元素 执行hide()隐藏界面元素,相当于将css样式中的display:none. 我们也可以在函数中加入参数,具体如下: show("slow"); 除了slow取值外,还可以设置为normal,fast,分别代表时间为600,400,200毫秒 我们也可以加如具体时间取值。具体如下: slow(1000); 这样代表时间完全显示出元素的时间间隔为1000毫秒 2.不透明度函数 fa...
DOM分为3个方面,即DOM Core,HTML-DOM,CSS-DOM. 1,DOM Core并不专属于JavaScript,任何一种支持DOM的程序设计语言都可以使用它. JavaScript中的getElementById(),getElementsByTagName()...等方法. 例如:使用DOM Core来获取表单对象的方法: document.getElementsByTagName("form"); 2,HTML-DOM. 在使用JavaScript和DOM为HTML文件编写脚本的时候.有许多专属于HTML-DOM的属性.HTML-DOM的出现甚至比DOM Core还要早,它提供了一些更简明的...
1.onchange 及其onpropertychange,oninput 在IE下可使用onpropertychangel立即触发监听, oninput 可以使用在FF下,但必须使用w3c推荐的addEventListener的方式来绑定事件. //www.gxlcms.com/article/25275.htm2. <button></button>也有type属性: 很少用一般使用input标签,今天开发那边使用button说在ff下怎么和提交相同,查手册发现button有type属性值为:submit reset button,在我印象中他就是button的,错误了。。 并且此标签在...
1. 使用class与id选择HTML元素 选择id为"myDivId"的元素.由于id是唯一的,所以总是选择到1个或0个元素 代码如下:$(#myDivId) 选择class为"myCssClass". 可以选择任何多个class为"myCssClass"的元素. 代码如下:$(.myCssClass) 获取或设置元素的值 代码如下:var myValue = $(#myDivId).val(); // get the value of an element $(#myDivId).val("hello world"); // set the value of an element 选择id中有.和:时,前面添加...
1. 使用jquery 到jquery.com下载jquery.js当前版本是1.4.2 新建一个html页面 代码如下:<!DOCTYPE html><BR><html lang="en"><BR><head><BR> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"><BR> <script type="text/javascript" src="<SPAN style="COLOR: #ff0000"><STRONG>jquery.js</STRONG></SPAN>"></script></PRE> <PRE class=brush> <script type="text/javascript"><BR> <SPAN styl...
一、下载官方网址是http://jquery.com/官方下载地址:http://docs.jquery.com/Downloading_jQuery里边有当前版本和历史版本的下载,可以下载下来部署在自己的服务器上上面也有Google\Microsoft\jQuery的CDN(Content Delivery Network)地址,由于目前jQuery的广泛使用,选择CDN地址可以充分利用缓存和这些互联网大佬们的带宽和服务器资源。官网上下载有两种版本Compressed(Minified version)和Uncompressed(Source version)前者...
实现可编辑的表格demo: 实例图: 代码: 代码如下:<!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 runat="server"> <title></title> <script type="text/jscript" src="jquery-1.4.2.min.js"></script> <script type="text/jscript" language="javascript"> //简化的ready写法:页面加载完成时候...