2018年07月_严文文-Chris

原创【Jquery】——第五讲

Jquery第五讲1.img标签的alt属性要写上，在图片尚未装载进来或图片不存在时，这个属性的文字信息会显示出来2.select表示下拉框，下拉框的每一项都是一个option， option开始结尾标签中的内容会显示在页面上，value属性的值则是用于在JQuery中用val方法获取并发送给服务器的。定义了selected的属性值为selected时，表示当前option被选中3.div元素居...

2018-07-12 10:12:59 202 15

原创【Jquery】第四讲

Jquery第四讲1.一组标签用一个ul来管理，每一个标签是ul中的一个li；标签下面的内容就是用div来管理2.跟在浮动元素（float）之后的元素会围绕着浮动元素，如果不希望有这种围绕，可以在浮动元素之后的那个元素上定义clear属性，来清除这种效果。3.实现当前标签和内容区域的融合，可以通过使用相同的背景色，外加当前标签使用同颜色的边框来实现。4.JQuery中的mouseover， mou...

2018-07-12 09:58:11 173 11

原创【Jquery】——第三讲

Jquery第三讲1.页面中的菜单项可以通过嵌套的ul和li来表示2.菜单最外层为ul，一层每个主菜单放在一个li中，如果有子菜单，在这个主菜单的li中建立新的ul，再依次嵌套即可构建多层的菜单。3.浏览器中ul和li元素默认情况下文字前都有圆点标识符，li元素会有缩进。Opera浏览器比较特殊，li的标识符和其他浏览器不同。4.list-style属性值为none时，可以清除ul和li前面的小圆...

2018-07-12 09:48:53 138 6

原创【jquery】_问题

问题代码敲好去运行，发现表格不能编辑，于是按下F12，提示： $ is not defined 解决办法： 1.引入的路径不正确，确保script的src引用路径正确。在路径前面加上${pageContext.request.contextPath},PageContext类的实例,提供对JSP页面所有对象以及命名空间的访问。${pageContext.request.contextPath}等价...

2018-07-12 09:44:16 165 7

原创【Jquery】——第二讲

Jquery第二讲1.table中可以包含thead和tbody2.表头的内容可以放到th中3.table{}这种写法称作标签选择器，可以对整个页面所有table产生影响。4.table td{}这种写法表示的是table中包含的所有td。5.可以通过border-collapse:collapse这种方式来使表格中的单元格的边框合并。 6.当th上由背景色时，这个th属于的tr上定义的背景色会无...

2018-07-12 09:42:15 134 6

原创【Jquery】——第一讲

Jquery第一讲1.HTML负责页面内容，CSS负责页面样式，Javascript负责页面行为2.HTML中应该有DOCTYPE来告知浏览器的渲染显示方式3.可以先定义div或span节点用于以后显示服务器返回数据。4.border属性可以控制页面元素的边框5.background-***可以控制背景图，以及背景图的位置，重复显示的方式6.可以通过#idname或.classname的方式来个制...

2018-07-12 09:36:50 140 5

转载【精通CSS.DIV网页样式与布局】——CSS Position(定位)

CSS Position(定位)position 属性指定了元素的定位类型。 position 属性的五个值： l staticl relativel fixedl absolutel sticky static 定位HTML元素的默认值，即没有定位，元素出现在正常的流中。静态定位的元素不会受到 top, bottom, left, right影响。实例div.static{ posit...

2018-07-11 17:14:38 316 8

原创【精通CSS.DIV网页样式与布局】——css总结（一）

css总结（一）所有CSS字体属性Property 描述 font 在一个声明中设置所有的字体属性 font-family 指定文本的字体系列 font-size 指定文本的字体大小 font-style 指定文本的字体样式 font-variant 以小型大写字体或者正常字体显示文本。 font-weight 指定字体的粗细。链接样式链接的样式，可以用任何CSS属性（如颜色，...

2018-07-11 17:07:50 310 4

原创【精通CSS.DIV网页样式与布局】——css表格

css表格表格边框table, th, td{border: 1px solid black;} 表格宽度和高度table {width:100%;}th{height:50px;}表格文字对齐td{text-align:right;}表格填充如果在表的内容中控制空格之间的边框，应使用td和th元素的填充属性：td{padding:15px;} 表格颜色下面的例子指定边框的颜色，和th元素的文本和...

2018-07-11 16:59:53 353 3

原创【精通CSS.DIV网页样式与布局】——CSS文本属性

CSS文本属性文本的对齐方式文本排列属性是用来设置文本的水平对齐方式。文本可居中或对齐到左或右,两端对齐.当text-align设置为"justify"，每一行被展开为宽度相等，左，右外边距是对齐实例h1 {text-align:center;}p.date {text-align:right;}p.main {text-align:justify;} 文本修饰ext-decoration...

2018-07-11 16:38:35 249 3

原创【精通CSS.DIV网页样式与布局】——CSS 背景属性

CSS 背景属性CSS 属性定义background-color background-image background-repeat background-attachment background-position background-color 属性定义了元素的背景颜色.body {background-color:#b0c4de;} background-image属性描述了元素的背景图...

2018-07-11 16:33:07 196 3

原创【精通CSS.DIV网页样式与布局】——css样式表

css样式表作用浏览器根据样式来格式化HTML文档插入样式表的方法外部样式表(External style sheet) 内部样式表(Internal style sheet) 内联样式(Inline style) 外部样式表当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接...

2018-07-11 16:24:20 329 4

原创【精通CSS.DIV网页样式与布局】——CSS选择器

CSS选择器id 选择器id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。格式：#id{属性：值；} 注意点：1. 每一个HTML标签都有id属性，也就是说每个标签都可以设置id；2. 在同一个界面中id是不可重复的；3. 在编写id选择器的时候id前一定要加#；4. id的名称是有一定的规范的...

2018-07-11 16:09:18 196 4

转载【JavaScript】——push方法

JavaScript push() 方法定义和用法push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。语法arrayObject.push(newelement1,newelement2,....,newelementX)参数描述 newelement1 必需。要添加到数组的第一个元素。 newelement2 可选。要添加到数组的第二个元素。 newelementX ...

2018-07-04 17:16:43 274 5

原创【JavaScript】———alert ,confirm ,prompt 的区别和用法

1.警告消息框alertalert 方法有一个参数，即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框，并且该消息框是模式对话框，也就是说，用户必须先关闭该消息框然后才能继续进行操作。 window.alert("欢迎！请按“确定”继续。"); 2.确认消息框confirm 使用确认消息框可向用户问一个“是-或-否”问题，并且用户可以选择单...

2018-07-04 17:14:16 443 6

原创【JavaScript】——时间控制

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。语法setTimeout(code,millisec)参数描述 code 必需。要调用的函数后要执行的 JavaScript 代码串。 millisec 必需。在执行代码前需等待的毫秒数。提示和注释提示：setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 co...

2018-07-04 14:52:59 524 3

原创【JavaScript】——substr() 方法

定义和用法substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。语法stringObject.substr(start,length)参数描述 start 必需。要抽取的子串的起始下标。必须是数值。如果是负数，那么该参数声明从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。 length 可选。子串中的字符数。...

2018-07-04 14:50:52 650 4

原创【javascript坐标】——event.x、event.clientX、event.offsetX、event.screenX 用法

clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。screenX 设置或获取获取鼠...

2018-07-04 14:49:37 1898 3

原创【JavaScript】——事件

事件通常与函数配合使用，这样就可以通过发生的事件来驱动函数执行。事件句柄HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作（action），比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表，这些属性可插入 HTML 标签来定义事件动作。属性当以下情况发生时，出现此事件 FF N IE onabort 图像加载被中断 1 ...

2018-07-04 14:48:11 136 4

转载【JavaScript】——正则表达式

看视频学习正则表达式，小编真的很懵，看一些资料才知道一星半点，下面是我找到的比较全面的一片文章，分享给大家，希望对你有帮助 What正则表达式(regular expression)描述了一种字符串匹配的模式，可以用来检查一个串是否含有某种子串、将匹配的子串做替换或者从某个串中取出符合某个条件的子串等。 Why为啥要有正则表达式呢？其实就是因为计算机笨（这话不是我说的），比如123456@qq....

2018-07-04 14:47:12 148 4

原创【JavaScript】——异常处理

目录错误一定会发生基本的try…catch语句 JavaScript测试和捕捉Throw 语句语法finally语句语法错误一定会发生当JavaScript 引擎执行 JavaScript 代码时，会发生各种错误：可能是语法错误，通常是程序员造成的编码错误或错别字。可能是拼写错误或语言中缺少的功能（可能由于浏览器差异）。可能是由于来自服务器或用...

2018-07-04 14:46:27 210 2

原创【JavaScript】——argument

JavaScript允许函数有不定数目的参数，所以我们需要一种机制，可以在函数体内部读取所有参数。这就是arguments对象的由来，我将详细介绍Javascript中的arguments对象和使用方法。其实Javascript并没有重载函数的功能，但是Arguments对象能够模拟重载。Javascrip中国每个函数都会有一个Arguments对象实例arguments，它引用着函数的实参，...

2018-07-04 14:36:04 470 3

原创【JavaScript】——创建表格

这是个经典的创建表哥的例子，里面有json格式，利用for循环生成表格，其中涉及到嵌套创建元素等知识，值得收藏!<script type="text/javascript" src="J.js"></script> <script type="text/javascript"> // json格式的字符串 var str = '[{name:&amp

2018-07-04 14:35:56 1082 2

原创【JavaScript】——Console对象方法

小编看到代码里有console.log不理解，上网一查，知道这是输出信息的意思，而且console家族成员真不少，分享给大家，欢迎大家提出意见Console对象方法方法描述实例 assert() ssert方法接受两个参数，第一个参数是表达式，第二个参数是字符串。只有当第一个参数为false，才会输出第二个参数，否则不会有任何结果。 // 实例 console.assert(true...

2018-07-03 15:12:52 143 3

原创【javascript】——基础知识（二）

Var定义和用法var 语句用于声明变量。JavaScript变量的创建也叫作"声明"一变量:var carName;变量声明后，变量为空 (没有值)。为变量赋值，操作如下:carName= "Volvo";声明变量时，你同样可以为变量赋值：var carName = "Volvo";function定义和用法function语句用于声明一个函数。函数声明后，我们可以在需要的时候调用。在JavaS...

2018-07-03 14:50:50 91 3

原创【JavaScript】——js中appendChild()、createElement()、createTextNode()用法

DOM允许你创建自己的元素和文本节点，并把它们添加大文档树中。理论上上说，你可以从树中移除所有的元素，创建新元素，或者重整文档树，从而完全改变页面。但是在实践中，这个特性用起来有些限制。DOM也允许你克隆现有的元素，已便你能方便地复制文档的某一部分，今天我们主要讲讲appendChild()、createElement()、createTextNode()的用法//创建一个li新...

2018-07-03 14:42:41 1141 4

原创【JavaScript】——document.getElementsByName()、document.getElementById()、document.getElementsByTagName()

ocument.getElementsByName() 是根据控件名称获取这个控件对象，因为控件名称可以相同，返回的是一个对象数组。 document.getElementById() 是根据控件ID获取这个控件对象，因为控件ID唯一，返回的是一个对象。 document.getElementsByTagName() 是根据控件TAG获取这个控件对象，返回的是一个对象数组。例如： H...

2018-07-03 14:31:18 1195 4

原创【JavaScript】——基础知识

2018-07-03 11:04:55 179 3

转载【JavaScript】——运算符

JavaScript赋值运算符赋值运算符用于给JavaScript 变量赋值。给定 x=10 和 y=5，下面的表格解释了赋值运算符：运算符例子等价于结果 = x=y x=5 += x+=y x=x+y x=15 -= x-=y x=x-y x=5 *= x*=y x=x*y x=50 /= x/=y x=x/y x=2 %= x%=y x=x%y...

2018-07-03 11:01:55 138 3

原创【JavaScript】——强类型和弱类型

强弱类型的判别按照计算机语言的类型系统的设计方式,可以分为强类型和弱类型两种。二者之间的区别，就在于计算时是否可以不同类型之间对使用者透明地隐式转换。What弱类型从使用者的角度来看，如果一个语言可以隐式转换它的所有类型，那么它的变量、表达式等在参与运算时，即使类型不正确，也能通过隐式转换来得到正确地类型，这对使用者而言，就好像所有类型都能进行所有运算一样，所以这样的语言被称作弱类型。强类型与此...

2018-07-03 10:43:52 3000 4

转载【JavaScript】——数据类型

数据类型——字符串、数字、布尔、数组、对象、Null、Undefined1. JavaScript 拥有动态类型JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型：实例varx // x 为 undefinedvar x =6; // x 为数字var x ="Bill"; // x 为字符串JavaScrip...

2018-07-03 10:04:18 180 3

转载【JavaScript】——typeof 和 instanceof的区别

typeof 和 instanceof的区别相同点JavaScript中 typeof 和 instanceof 常用来判断一个变量是否为空，或者是什么类型的。不同点Typeofl 用法typeof 是一个一元运算，放在一个运算数之前，运算数可以是任意类型。l 返回结果：NumberBooleanStringFunctionObjectundefined。l 作用可以使用 typeof 来...

2018-07-03 09:54:58 154 4

原创【JavaScript】——美术馆

HTML、css和js的完美集合，实现的功能虽然小，但是五脏俱全，为我以后的前端树立经典的榜样，下面我来接下一下这里的代码 HTML 主要作用是展现页面，这里引用了js和css样式，与HTML控件协作完成美术馆的功能。<html> <head> <title>美术馆</title> ...

2018-07-03 09:08:59 300 4

严文文 Chris