life is wonderful

一、属性属性名称默认值说明autotrue设置为true当选择文件后就直接上传了，为false需要点击上传按钮才上传 。buttonClass”按钮样式buttonCursor‘hand’鼠标指针悬停在按钮上的样子buttonImagenull浏览按钮的图片的路径 。buttonText‘SELECT FILES’浏览按钮的文本。checkExistingfalse文件上传重复性检查程序，检查即将...

早上起来看了一道JS的面试题，是这样描述的：利用var s1=prompt("请输入任意的字符串","")可以获取用户输入的字符串，试编程将用户输入的字符串“反转”，并且将字符串输出。        想了一下，字符串对象的方法中并没有实现反转的，但是数组中有，于是考虑了字符串和数组的相互转换问题。        JS中的内置对象中包括字符串对象(String)和数组对象(Array)，

这几天在看很多的JS的代码，多次出现this关键字，有时候表示不理解，就仔细看了这一方面的知识。        在JavaScript语言中，this的定义是：this是包含它的函数作为方法被调用时所属的对象。说明：这句话有点咬嘴，但一个多余的字也没有，定义非常准确，我们可以分3部分来理解它：1包含它的函数。2作为方法被调用时。3所属的对象。随着函数使用场合的不同，this的值会发生变

在做经管系主网页的同时也在进行着中文系主网页的构建，果然是只有自己去实践了，才能遇到各种各样的问题，然后再去寻找解决这些问题的方法，最后进行修改和不断的调试，最后达到自己想要的效果。中文系主网页构建遇到的问题也很多，首先就是遇到了在排版链接文字时由于宽度是固定的文字过多造成折行显示，这种结果是不想要的，还有就是想要多出宽度的文字用省略号代替。       上面的两个问题都是CSS样

JavaScript计时事件       通过使用JavaScript中的BOM对象中的window对象的两个方法就是setTimeout()方法和claerTimeout()方法，我们有能力作到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。       在JavaScritp中使用计时事件是很容易的，两个关键方法是:       set

一window对象概述       BOM的核心对象是Window对象，它表示浏览器的一个实例。window对象处于JavaScript结构的最顶层，对于每个打开的窗口，系统都会自动为其创建window对象。所有浏览器都支持window对象，它表示浏览器窗口。所有JavaScript全局对象、函数以及变量均自动成为 window对象的成员。全局变量是 window对象的属性。全

大概用了二十天结束了JS第一大模块ECMAScript核心的学习，尽管ECMAScript是一个重要的标准，但它并不是 JavaScript唯一的部分，当然，也不是唯一被标准化的部分。实际上，一个完整的JavaScript实现是由以下 3个不同部分组成的：       核心(ECMAScript)：JavaScript的核心ECMAScript描述了该语言的语法和基本对象。

一RegExp对象概述       RegExp对象表示正则表达式，RegExp是正则表达式的缩写，它是对字符串执行模式匹配的强大工具。RegExp对象用于规定在文本中检索的内容。当您检索某个文本时，可以使用一种模式来描述要检索的内容。RegExp就是这种模式。简单的模式可以是一个单独的字符；更复杂的模式包括了更多的字符，并可用于解析、格式检查、替换等。正则表达式可以规定字符串中的

其实很久之前就想实现这个功能，一直没有去付诸行动，大早上的就开始看老师讲过的一些简单的JS下拉菜单的知识，可能是我们基础差，老师讲的也是非常基础的一些，但是我们还是没有听懂，仔细研究了一番，反反复复终于实现了下拉的效果，后来在网上找这方面的教程和代码实例看，发现和自己写的还是有很大的区别，最近一直在深入JS的学习，还没有学到这块，相信学到这块，自己可以写出更加简洁的下拉菜单的代码。由于

一面相对象继承机制      今天算是什么都没干，尽在了解面向对象三大特性之一的继承了，过去的学习的C++和C#都是正统的面向对象语言，学习的时候也没有怎么深入了解过，只是简单的学习最基础的继承。下午在看继承机制的时候，看到一个很经典的继承机制实例。这个实例使用UML很好的解释了继承机制。      说明继承机制最简单的方式是，利用一个经典的例子就是几何形状。实际上，几何形状只

四原型方式       我们创建的每个函数都有一个通过prototype(原型)属性，这个属性是一个对象，它的用途是包含可以由特定类型的所有实例共享的属性和方法。逻辑上可以这么理解：prototypt通过条用构造函数而创建的那个对象的原型对象。使用原型的好处就是可以让所有对象实例共享它所包含的属性和方法。也就是说，不必在构造函数中定义对象信息，而是直接将这些信息添加到原型中。 

这一次我们深入的学习一下JavaScript面向对象技术，在学习之前，必要的说明一下一些面向对象的一些术语。这也是所有面对对象语言所拥有的共同点。有这样几个面向对象术语：       对象       ECMA-262把对象(object)定义为“属性的无序集合，每个属性存放一个原始值、对象或函数”。严格来说，这意味着对象是无特定顺序的值的数组。尽管ECMAScript如此定义对象

一值的类型       早在介绍JS的数据类型的时候就提到过基本类型和引用类型，不过在说两种类型之前，我们先来了解一下变量的值的类型。在ECMAScript中，变量可以存在两种类型的值，即原始值和引用值。       (1)原始值       存储在栈中的简单数据段，也就是说，它们的值直接存储在变量访问的位置。       (2)引用值       存储在堆中的对象，也

学习了CSS布局的定位和浮动，我们可以简单地做出很多排版和内容拼接。今天就来做几个简单的实例展示现在流行的DIV+CSS布局的方便好用之处。顺便也说一下CSS3新增的样式属性box-shadow和属性transform。       一图文混排CSS布局之图文混排#test {border:#FF00FF solid 2px;width:650px;height:46

JS提供了Date类型来处理时间和日期。Date类型内置一系列获取和设置日期时间信息的方法。下面我们简单的概述一下这个Date类型。       大概看了一下Date类型的方法，下面给出：      上面的方法自己尝试即可，我只简单的演示一下JS正确输出的格式： var today=new Date();//创建一个时间日期对象 document.writ

许多高级编程语言都是面向对象的，比如C++、C#和Java等高级程序设计语言，那么一种面向对象语言有哪些基本要求呢？下面我们就通宿地说一下面向对象的一些知识。       一种面向对象语言需要向开发者提供四种基本能力：       (1)封装：把相关的信息（无论数据或方法）存储在对象中的能力       (2)聚集：把一个对象存储在另一个对象内的能力       (3)继承：由

函数是一组可以随时随地运行的语句，函数作为ECMAScript的核心是很重要的。函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。也就是函数是定义一次但却可以调用或执行任意多次的一段JavaScript代码。函数有时会有参数，即函数被调用时指定了值的局部变量。函数常常使用这些参数来计算一个返回值，这个值也成为函数调用表达式的值。       一函数声明

JS的核心ECMAScript规定的流程控制语句和其他的程序设计语言还是蛮相似的。我们选择一些实用的例子来看一下这些语句。顺序结构我们在这里就不再提到，直接说条件和循环以及其他语句。       一条件选择结构       条件选择语句用于基于不同的条件来执行不同的动作，通常在写代码时，总是需要为不同的决定来执行不同的动作，可以在代码中使用条件语句来完成该任务。       在

JavaScript脚本语言描述了一组用于操作数据值的运算符，包括一元运算符，布尔运算符，算术运算符，关系运算符，三元运算符，位运算符和赋值运算符。       表达式是JavaScript语言的一个“短语”，包含变量名(或字面量)和运算符。最简单的表达式时字面量或变量名。当然也有合并简单的表达式来创建复杂的表达式。       一一元运算符       (1)递增++和递减-

CSS布局中说到定位就不得不提浮动，浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。       一float属性的定义和用法       float属性：设置元素浮动       可能的值：       none 不浮动，在文档流内，默认       lef

在我们开始学习CSS布局之前，先来了解一下文档流的概念。文档流即是HTML的布局机制，块级元素占一行，行内元素不占一行。将窗体自上而下分成一行行，并在每行中按从左往右的顺序排放元素。       一CSS定位和浮动概述       CSS定位属性允许你对元素进行定位。CSS为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠，还可以完成多年来通常

对于一们编程语言，肯定包含变量和数据类型。今天我们就来看看JavaScript脚本语言的变量和数据类型。相对于其他的Java，C++等高级程序语言，JavaScript显得很简单。        一变量       JavaScript的变量是松散类型的，所谓松散就是用来保存任何类型的数据。变量是存储信息的容器。定义变量时要使用var操作符(var是关键字)，后面跟一个变量名(变量

继续接着DIV+CSS实操系列的博文添加代码：DIV+CSS实操一：经管系网页总体模块布局，DIV+CSS实操二：经管系网页添加导航栏和友情链接栏，DIV+CSS实操三：经管系网页内容模块添加标题栏和版权信息模块和DIV+CSS实操四：经管系网页内容模块内容添加(一)。我们还是添加内容版块的内容，这一次是中间部分和右半部分。由于中间的图片无缝滚动需要JS实现，我们后续加上。

CSS盒子模型有很多的内容和属性，CSS也一直在更新和新增属性，今天我们来说说CSS3新增的盒子模型中的边框中的内容，也就是border-radius属性。       border-radius属性设置元素的边框添加圆角，其实没有边框也可以添加圆角效果。但是要是显示出来，就必须增加背景色或者边框。      可能的值：xpx；圆角是xpx，半径为xpx的四分之一圆。     

我们继续接着DIV+CSS实操系列：DIV+CSS实操一：经管系网页总体模块布局，DIV+CSS实操二：经管系网页添加导航栏和友情链接栏和DIV+CSS实操三：经管系网页内容模块添加标题栏和版权信息模块。今天我们就来给内容模块添加内容，所有的内容都用超链接。       由于内容部分较多，我会分两次添加，先来左半部分内容的添加：       HTML代码：<!DOCTYPE h

我们继续接着DIV+CSS实操一：经管系网页总体模块布局和DIV+CSS实操二：经管系网页添加导航栏和友情链接栏这个系列的博文做经管系网页。这一次我们所要做的就是给内容版块添加标题栏，还有就是给制作信息版块添加链接。这一篇博文基本就是做这些了，记着和前两篇博文比较效果。       还是老套路，写HTML代码时，一定要注意闭合标签，一定要注意代码的整齐承担和完整性，先来HTML代码：

今天继续接着CSS盒子模型补充，CSS基础学习十三：盒子模型和CSS基础学习十四：盒子模型补充之display属性设置都是介绍了盒子模型中的内容概括。开始今天的主题：外边距合并。       外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。       (1)外边距合并       外边距合并叠加是一

我们在CSS

接着DIV+CSS实操一：经管系网页总体模块布局这篇博客继续，实现添加导航栏和友情链接栏，导航栏的下拉菜单我们后续会加上。         先来HTML代码：经管系Dreamweaver8 本站首页 本系概况 教育教学 科学研究 招生就业 学生工作 党团建设 考研升本 实习基地 经管动态 通知公告

一CSS盒子模型概述        CSS盒子模型规定了元素框处理元素内容、内边距、边框和外边距的方式。一个完整元素包括内容(content)，内边距(填充)(padding)，边框(border)和外边距(空白)(margin)。        盒子模型图：        元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框

首先我们先来打开经管系网页，看看网页效果是怎么样的。通过所学Web前端开发的知识，我们一步一步模仿出标准的网页。我们知道DIV+CSS可以实现网页模块的总体布局，这基本取代了HTML中用table布局，DIV+CSS布局更加灵活，改写代码方便。       经管系原网页截图：       我先开始做网页的整体模块布局草图：       下面开始编写代码：

我们开始解释JS在HTML中作用。对于因特网和视窗操作系统，JavaScript都意味着未来。       (1)JavaScript：写入HTML输出       实例代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr

HTML中的JavaScript脚本必须位于与标签之间，JavaScript脚本可被放置在HTML页面的标签和标签中，这种视情况而定，一般放在标签内。       一 标签      如需在HTML页面中插入JavaScript脚本，请使用标签。和会告诉JavaScript在何处开始和结束。和之间的代码行包含了JavaScript：alert("欢迎来到JavaScript世

CSS样式包括：CSS背景，CSS文本，CSS字体，CSS列表，CSS表格，CSS轮廓等样式。我们就目前用到的CSS样式简单地介绍一下。下面只是总结性的一些东西，具体的可以参考：CSS样式教程         (1)背景色         background-color        设置背景颜色        可能的值：        颜色名称：如red,y

在CSS基础学习的篇章中，从第四篇博客开始说选择器，到昨天基本已经说完了。今天我们总结一下，选择器作用：告知浏览器需要设置哪个dom元素的样式。最后来说说选择器一个重要的问题，选择器的优先级。判断优先级的方法就是尝试！！！        一简单选择器的优先级       简单的选择器包括我们在第四篇，第五篇，第六篇博客的元素选择器(标签选择器)，类选择器和id选择器。

上一篇博客说的是伪类，这次我们来说说伪元素。先来补充一下上篇博客漏掉的一个伪类：:focus 伪类       (1)定义和用法       :focus伪类在元素获得焦点时向元素添加特殊的样式。注释IE浏览器不支持此属性。       (2)说明       这个伪类应用于有焦点的元素。       例如HTML中一个有文本输入焦点的输入框，其中出现了文本输入光标；也就是说，

CSS伪类         CSS语法中伪类用于向某些选择器添加特殊的效果。常见的伪类有：        (1)语法        伪类的语法：        selector : pseudo-class {property: value}        CSS 类也可与伪类搭配使用。        selector.class : pseudo-class {p

CSS语法中通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。        在CSS1中，通过这种方式来应用规则的选择器被称为上下文选择器(contextual selectors)，这是由于它们依赖于上下文关系来应用或者避免某项规则。在CSS2中，它们称为派生选择器，但是无论你如何称呼它们，它们的作用都是相同的。派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过

CSS语法中，对带有指定属性的 HTML 元素设置样式。可以为拥有指定属性的 HTML 元素设置样式，而不仅限于 class 和 id 属性。(注释：Internet Explorer 7 （以及更高版本）在规定了 !DOCTYPE 的情况下支持属性选择器。IE6 及更低的版本不支持属性选择器。)       一属性选择器       先来一个简单的例子：为带有 title 属

一id选择器        id选择器允许以一种独立于文档元素的方式来指定样式。在某些方面，id选择器类似于类选择器，不过也有一些重要差别。       语法       首先，id选择器前面有一个 # 号，也称为棋盘号或井号。       请看下面的规则：*#intro { font-size:24px;background-color:#000000;col