jquery基本信息jquery的官方网站:www.jquery.comjquery解释: jquery是javascript的类库,提供了大量的javascript的类库和API,方便javascript开发。jquery API中文参考手册: http://jquery-api-zh-cn.googlecode.com/svn/trunk/index.html 前台数据提交到后台demo: 实例图: 功能点:1.使用$("#UserName")获取id为UserName的jquery对象。2.使用jquery的get、ajax、load三个方法向后台提交数据。3.使用jquery的removeClass和...
var str="hello"; str+="world"; 实际上,这段代码在幕后执行的步骤如下: (1) 创建存储"hello"的字符串。 (2) 创建存储"world"的字符串。 (3) 创建存储连接结果的字符串。 (4) 把str的当前内容复制到结果中。 (5) 把"world"复制到结果中。 (6) 更新str,使它指向结果。 每次完成字符串连接都会执行步骤2到6,使得这种操作非常消耗资源。如果重复这一过程几百次,甚至几千次,就会造成性能问题。解决方法是用Array对象存储字符串,...
一.JavaScript 基础 1.try...catch 使用小写字母。大写字母会出错。 2.Throw 声明 throw 声明的作用是创建 exception(异常)。你可以把这个声明与 try...catch 声明配合使用,以达到控制程序流并产生精确错误消息的目的。 语法:throw(exception)exception 可以是字符串、整数、逻辑值或者对象。 注意:使用小写字母编写 throw。使用大写字母会出错! 3.反斜杠用来在文本字符串中插入省略号、换行符、引号和其他特殊字符...
事件 事件是DOM(文档对象模型)的一部分。事件流就是事件发生顺序,这是IE和其他浏览器在事件支持上的主要差别。 一、事件流 1、冒泡型事件 IE上的解决方案就是冒泡型事件,它的基本思想是从最特定的目标到最不特定的事件目标(document对象)的顺序触发。 过程:按照DOM的层次结构像水泡一样不断上升至顶端。(从里面的div触发事件再到body,到html最后直到document最顶端)。 2、捕获型事件 可以说跟冒泡是正好相反的,事件从最...
回顾 事件对象里包含三个方面的信息····回看上一篇内容! 事件对象里的属性和方法,主要是鼠标和键盘的信息。 1. 获取事件类型 事件对象属性type 2. 获取按键代码 事件对象属性keyCode:回车为13,空格为32,后退键为8 3. 检测Shift、Alt、Ctrl键 事件对象属性是否被按下:shiftKey、altKey、ctrlKey 4. 获取客户端坐标 事件对象属性clientX和clientY 5. 获取屏幕坐标 事件对象属性screenX和screenY 事件的类型 根据触发事件的事物...
一直很迷惑司徒正美为什么对以下的for循环还鄙视, for (var i = 0; i < list.length; i++) { //循环代码 } 看了下面这篇文章终于TM明白了。。。 语言层次方面 循环 在JavaScript中,我们可以使用for(;;),while(),for(in)三种循环,事实上,这三种循环中for(in)的效率极差,因为他需要查询散列键,只要可以就应该尽量少用。 如果要与数组的长度作比较,应该事先把数组的length属性放入一个局部变量中,减少查询次数。 所以上面的代...
jQuery真的很好,有些效果甚至让我尖叫。而各种插件能实现你喜欢的效果,这种方式为jQuery的流行奠定了基础,就像那个crocs鞋子似的。jQuery还有一个优点是达到了将行为与结构分开的目的。 内容概要: 1. 安装 2. Hello jQuery 3. Find me:使用选择器和事件 4. Rate me:使用AJAX 5. Animate me(让我生动起来):使用FX (jQuery FX,jQuery UI后的第二个子库,强调动画效果而非UI的外观模块,包括对象的消失、出现;颜色、大小、位置变...
RegExp类 RegExp对象的构造函数可以带一个或两个参数 第一个参数是描述需要进行匹配的模式字符串,如果还有第二个参数,这个参数则制定了额外的处理指令。 一、基础 1.1使用RegExp对象 test()方法 测试是否匹配。如果给定字符串(只有一个参数)匹配这个模式,它就返回true,否则返回false 代码如下:var sToMatch = "cat"; var reCat = /cat/; //正则表达式字面量使用Perl风格的语法 alert(reCat.test(sToMatch)); //outs "true" exe...
Window对象 window对象表示整个浏览器窗口,window还可用于移动或调整它表示的浏览器的大小。 一、窗口操作 window.moveBy(dx,dy) 把浏览器窗口相对当前位置水平移动dx个像素,垂直移动dy个像素。dx值为负数,向左移动窗口,dy值为负数,向上移动窗口。 window.moveTo(x,y) 移动浏览器窗口,使它的左上角位于用户屏幕的(x,y)处。可以使用负数,不过这样会把部分窗口移出屏幕的可视区域。 window.resizeBy(dw,dh) 相对于浏览器窗口的...
document对象 下表列出了BOM的document对象的一些通用属性:属 性说 明alinkColor激活的链接的颜色,如<body alink="color">定义的*bgColor页面的背景颜色,如<body bgcolor="color">定义的*fgColor页面的文本颜色,如<body text="color">定义的*lastModified最后修改页面的日期,是字符串linkColor链接的颜色,如<body link="color">定义的*referrer浏览器历史中后退一个位置的URLtitle<title/>标签中显示的文本URL当前载入...
Dom createElement()、createTextNode()、appendChild()、removeChild()、replaceChild()、insertBefore()、createDocumentFragment() //创建新节点 function CreatNode() { var oP = document.createElement("p"); oP.innerHTML = "<font style='color:red;'>Hello World!</font>"; document.body.appendChild(oP); } //删除节点 function RemoveNode() { var oP = document.getElementsByTagName("p"); var len = oP.length; if...
Dom基础—创建表格 利用js来动态创建表格有两种格式,appendChild()和insertRow、insertCell()。但第一种有可能在IE上有问题,所以推荐使用第二种。 1、insertRow(index):index从0开始 这个函数将新行添加到index的那一行前,比如insertRow(0),是将新行添加到第一行之前。默认的insertRow()函数相当于 insertRow(-1),将新行添加到表的最后。一般我们在使用的时候都是: objTable.insertRow (objTable.rows.length)就是为表格objT...
就像我们可以写成这样的形式一样: 代码如下:function Hello() { alert("Hello"); } Hello(); var Hello = function () { alert("Hello"); } Hello(); 其实都是一样的。 但是当我们对其中的函数进行修改时,会发现很奇怪的问题。 代码如下:<script type="text/javascript"> function Hello() { alert("Hello"); } Hello(); function Hello() { alert("Hello World"); } Hello(); </script> 我们会看到这样的结果:连续输出了两...
eval的作用其实很简单,就是把一段字符串传递给JS解释器,由Javascript解释器将这段字符串解释成Javascript代码,并且执行他。 举个最简单的例子: 代码如下:<script type="text/javascript"> eval("alert(1+1)"); </script> 很简单,把字符串解释成JS代码并执行,弹出2。 当然,上面的例子只是个玩具,在实际中没有人会傻到这么用。我想大家最基本的使用eval函数都是应该在DOM中,例如我们有div1,div2,div3,那么在document.get...
在Javascript,全局环境本身就一个对象。在浏览器宿主中这个对象是window,而当Javascript用于其它非浏览器的宿主,如嵌入式的环境中,可能会是其它的对象。 在这里也纠正一个观念,有很多人都认为Javascript只在浏览器中使用,其实Javascript也能在很多非Web情况下使用,据介绍Javascript在一些基于嵌入式的应用领域表现得也很出色,当然这些我也只是听过传说而已。 言归正传,当我们写下:var i=1时,其实就是声明了一个window作...