随笔分类 -  js

摘要:http://highslide.com/editor/ 阅读全文
posted @ 2013-04-24 16:46 夜香 阅读(138) 评论(0) 推荐(0)
摘要:连接原文:http://www.cnblogs.com/ycxyyzw/archive/2011/04/25/2027753.html这里面的return含有一些细节知识:例如:onClick='return add_onclick()'与 onClick='add_onclick()'的区别JAVASCRIPT在事件中调用函数时用return返回值实际上是对window.event.returnvalue进行设置。而该值决定了当前操作是否继续。 当返回的是true时,将继续操作。 当返回是false时,将中断操作。而直接执行时(不用return)。将不会对wi 阅读全文
posted @ 2013-04-08 01:29 夜香 阅读(360) 评论(0) 推荐(0)
摘要:js实现交互主要通过事件模型实现,事件处理模型主要有三种:原始事件模型、标准事件模型和Internet Explorer事件模型。原始事件模型——这是一种简单的事件处理模式,响应事件时调用事件句柄名,可移植性强,所有启动js的浏览器都支持;标准事件模型——具有完整性,除IE以外的所有浏览器都支持;Internet Explorer事件模型——IE浏览器专用。一、原始事件模型:1、常用的句柄属性:onabort句柄——图像装载被中断——<img>标记支持;onchange——选中<select>元素中的选项或其他表单元素失去了焦点,并且由于获得焦点而使值发生改变——< 阅读全文
posted @ 2013-03-30 21:54 夜香 阅读(162) 评论(0) 推荐(0)
摘要:Address already in use: JVM_Bind<null>:8080在MyEclipse启动或者是tomcat启动的时候出现:Address already in use: JVM_Bind<null>:8080 出现该异常,这里的8080是你的端口,有可能是80或者其他,但是都是一个原因引起的,我在用MyEclipse的时候,有时候MyEclipse突然死掉了,然后我就直接关掉在打开,这时候重启服务器就会出现该异常:Address already in use: JVM_Bind<null>:8080! 解决办法如下:Address al 阅读全文
posted @ 2013-03-26 17:59 夜香 阅读(299) 评论(0) 推荐(0)
摘要:CSS(Cascading Style Sheet)层叠样式表1、CSS样式:格式(1)由一个名称/值的属性对列表指定的;(2)属性之间用逗号分开;(3)属性和值属性之间用冒号隔开2、CSS样式主要属性:(略)以后再专门对这块总结3、在文档元素中添加样式属性:(1)在html标记的style属性使用:如<p style="margin-left:lin;margin-right:lin;">在<head>部分中的<style></style>标记之间插入:(2)使用样式表——实现文档结构和外观分离:规则:标记选择器{属性:值; 阅读全文
posted @ 2013-03-26 17:19 夜香 阅读(162) 评论(0) 推荐(0)
摘要:DOM在js中充当着很重的角色,DOM是Document Object Model的缩写,即文档对象模型。下面将总结DOM学习要点:一、DOM架构内容:把文档表示为树:其中根节点就是Document对象;1、常见节点类型:接口:Element:getAttribute()、setAttribute()、removeAttribute()Text:Document:Comment:DocumentFragment:Attr:2、在文档中查找元素:Document对象定义了几个获取文档元素的方法(1)getElementsByTagName("标记名") ——标记名可以重复使用 阅读全文
posted @ 2013-03-26 16:38 夜香 阅读(187) 评论(0) 推荐(0)
摘要:脚本化文档:客户端js把静态html转变为交互式的web应用程序,脚本化web页面的内容正是js存在的理由。每个web浏览器窗口(帧)显示一个html文档,表示这个窗口的window对象有一个document属性,他引用了一个Document对象,下面便学习Document对象的属性和方法:1、动态文档内容:Document.write()Document.write()允许把内容写入到文档中,有两种使用方式:第一,在脚本中使用,把html输入到当前正在被解析的文档中,如:把当前日期添加到一个静态html文档<script> var today = new Date();docum 阅读全文
posted @ 2013-03-26 14:39 夜香 阅读(432) 评论(0) 推荐(0)
摘要:本节主要学习js对窗口的一些操作运用:主要通过学习Window对象的属性和方法,掌握这些属性方法如何控制浏览器以及他们的窗口和帧;1、计时器Window对象的方法:(1)setTimeout()——安排一个函数在指定的以毫秒为单位的时间之后运行;(2)setInterval()——安排函数在一个指定的毫秒为单位的时间间隔重复地执行;2、浏览器location和history(1)窗口的location属性引用的是Location对象,代表窗口当前显示文档的url;(2)Location的href属性是一个字符串,包含url的完整文本,而Location的toString()方法返回href属性 阅读全文
posted @ 2013-03-24 11:17 夜香 阅读(245) 评论(0) 推荐(0)
摘要:js解释器引入到web浏览器,意味着加载一个web页面可能导致任意的js代码在用户计算机上执行,因此,为了防止恶意代码读取私密数据、更改数据或危及隐私,安全的web浏览器以各种方式限制脚本:1、客户端js不提供任何方式读取、写入和删除文件或目录,没有File对象,也没有文件访问函数;2、js程序可以关闭自己打开的浏览器窗口,但不允许它没有经过用户确认就关闭其他窗口,防止恶意脚本调用self.close()来关闭用户其他浏览器窗口;3、脚本不能读取从不同服务器载入的文档的内容;一个脚本不能在来自不同服务器的文档上注册事件监听器; 阅读全文
posted @ 2013-03-24 10:31 夜香 阅读(206) 评论(0) 推荐(0)
摘要:js代码整合到html文件的时候,到底是如何解释执行的,下面总结几种情况:1、<script></script>标记嵌入(1)不带defer属性的js语块按出现的顺序执行,否则IE会打乱执行;(2)任何不带defer属性的<script>元素都可以调用document.write()方法,传递给这个方法的文本被插入到文档中脚本所在的位置;(3)document.write()常在body中被调用,head中少见;2、onload事件句柄(1)文档解析之后,所有的脚本都运行;浏览器再启动onload事件,(2)当注册多个onload句柄的时候,浏览器调用所有的 阅读全文
posted @ 2013-03-24 10:22 夜香 阅读(389) 评论(0) 推荐(0)
摘要:一、在html中嵌入js代码:在html文件里嵌入js代码主要有四种形式:第一种是通过<script></script>标记,这种一般用来定义一些函数,放在body外;第二种是通过文件形式导入,由<script>标记的src属性指定路径;第三种是放在由句柄的属性值指定;第四种是使用javascript:协议。(1)方法一:1、把js代码放在<script></script>标记之间;如:<script>function square(x){return x*x;}</script>2、一个html文档可以包含多 阅读全文
posted @ 2013-03-22 16:40 夜香 阅读(5494) 评论(0) 推荐(0)
摘要:一、学习要点要理解客户端js,必须理解web浏览器所提供的变成环境;下面总结变成环境的几个特性:1、作为全局对象的window对象和客户端js代码的全局执行环境;2、客户端对象的层次和过程它的一部分的文档对象模型(DOM);3、事件驱动的编程模型;二、详解(1)、Window对象1、web浏览器的主要任务是在一个窗口中显示html文档,在客户端js中,表示html文档的是Document对象,window对象代表显示该文档的窗口,window对象是客户端编程中的全局对象,对于js来说很重要;2、window对象定义了大量的属性和方法,还定义了引用其他重要对象的属性,如Document对象的do 阅读全文
posted @ 2013-03-22 15:48 夜香 阅读(400) 评论(0) 推荐(0)
摘要:前面简单总结了js的基本语法,其实js语法和java、C语言语法有很多的相同之处;接下来将总结js在WEB浏览器中的运用,这部门将要了解的内容有:1、脚本化浏览窗口:js如何脚本化浏览器窗口,如:打开关闭、显示对话框、载入指定url的窗口等客户端js功能;2、脚本化文档:js如何显示web窗口的文档内容交互、如何查询、插入、删除、更改内容;3、js和css之间的交互,js如何通过脚本化css样式、类和样式表单来改变一个文档的表现;组合脚本化和css的一个特殊的强化结果就是动态html;4、事件和事件处理,js如何通过web响应用户输入来增加交互性;5、js如何使用表单收集、验证、处理和提交用户 阅读全文
posted @ 2013-03-22 11:33 夜香 阅读(222) 评论(0) 推荐(0)
摘要:js函数:1、函数的属性:(1)length——返回函数声明的形参个数;(2)prototype——引用预定义的原型对象;2、函数的方法:apply()和call()(1)ECMAScript规范给所有函数定义了这两个方法;(2)他们的第一个参数都是要调用的函数的对象,在函数体内这一参数是关键字this的值;call() 的剩余参数是传递给要调用的函数的值;如:要把两个数字传给函数f(),并将它作为对象o的方法调用:f.call(o,1,2);(3)apply() 方法与call类似,只是要传递给函数的参数是由数组指定的:f.apply(o,[1,2]); 阅读全文
posted @ 2013-03-22 10:14 夜香 阅读(133) 评论(0) 推荐(0)
摘要:js对象和数组1、 创建对象:(1)加入对象直接量——用分号隔开的一对对属性名和值的列表,包含在一个花括号中;如:var empty = {};var point = { x:0, y:0};(2)用new创建具体的一类对象:var a = new Array();2、 对象的主要方法:toString(); valueOf();3、 数组的方法:(1)join() ——把一个数组的所有元素都转换为字符串,然后再连接起来,可以指定一个可选的字符串来分隔结果字符串中的元素,如果没有指定,则默认逗号; 如:var a = [1,2,3]; var s = a.join(); 输出:s = “1, 阅读全文
posted @ 2013-03-22 09:24 夜香 阅读(169) 评论(0) 推荐(0)
摘要:js语句1、 for语句和for/in语句语法:For(循环变量定义及初始化;循环条件;循环增长机制){}For(变量 in 对象){}用法:for/in用于遍历对象的属性2、 break语句和continue语句:break;用于退出整个循环或switch语句;continue; 用于结束本轮循环,进入下一轮循环;3、 return语句:除了返回值的作用外,一个隐含的作用是终止程序的执行; 阅读全文
posted @ 2013-03-22 09:22 夜香 阅读(139) 评论(0) 推荐(0)
摘要:js表达式和运算符1、 相等运算符(= =)和等同运算符(= = =)用于比较数字、字符串和布尔值(1)= =——允许进行类型转换,比较宽松的统一性定义检测两个运算数是否相等; 比较规则: 类型不同,但值相同,则返回true; null和undefined比较,返回true;(2)= = = ——严格的比较,包括类型; 比较规则: 如果两个值的类型不同,则不等同;NaN永远不会和其他任何值等同,包括自身,要检测一个值是否是NaN,使用全局函数isNaN(); 两个字符串等同:长度和内容都相同;2、 比较对象、数组和函数使用引用(reference),即只有两个变量引用的是同一个变量时,他们才. 阅读全文
posted @ 2013-03-21 17:09 夜香 阅读(133) 评论(0) 推荐(0)
摘要:js中的变量1、 js中的变量与C语言不同,前者是非类型的,即js的变量可以存放任何类型的值;2、 变量声明使用关键字var:如:var m, n; 阅读全文
posted @ 2013-03-21 17:04 夜香 阅读(125) 评论(0) 推荐(0)
摘要:三、js函数定义:两种方式:方法一:使用function关键字:如:function square(x) {x*x};方法二、使用函数直接量(当一个函数使用不频繁时采用)如: var square = function(x) {x*x};方法三:使用Function构造函数如:var f = new Function("x","y","return x*y;"); 阅读全文
posted @ 2013-03-21 17:02 夜香 阅读(157) 评论(0) 推荐(0)
摘要:js数据类型和值:1、3中基本数据类型:数字、文本字符串、布尔值;另外两种小型数据类型:null和undefined2、支持复合数据类型:对象(无序集合、有序集合——数组、函数);3、字符串中常用的转义字符:通过 \+字符 实现;4、数据类型转换:(1)数字转换为字符串:如:var value = String(number); 或者 var value = number.toString();(2)字符串转换为数字:把字符串减去0就可以实现;还可使用parseInt()和parseFloat();(3)布尔类型转换:使用Boolean()函数; 阅读全文
posted @ 2013-03-21 16:59 夜香 阅读(134) 评论(0) 推荐(0)