JavaWeb笔记.doc

JavaWeb笔记Web开发相关技术Web前端开发（浏览器端执行的程序）Web后台开发（服务器端执行的程序）HtmlAspcssPhpjavascriptJsp（JavaEE）Flex(actionscript)AJqueryRubyExtjsNode.jsHtml5HTMLHtml全称超文本标记语言，是w3c组织制定的标准，类似的标记语言还有xmlhttp：超文本传输协议，这个协议的主要作用就是传输htmlhtml的标记有成对的标记，例如 或者单一标记 例如 ，语法不区分大小写，脚本语言用浏览器软件执行目前的html的版本由于第一次浏览器大战，导致一致停留在html4.01阶段，最新的是html5语法大多数新版浏览器是支持的（手机浏览器都支持html5）一个html文件最基本的结构网页头部（文档定义）网页内容（文档中具体网页元素）Meta标记：代表元数据设置HTML注释: 浏览器会忽略注释不解释执行标签属性：对标签的具体定义，一个标签可以有多个属性WEB中的颜色表示法：16进制表示法：#000000#FFFFFF英文单词表示法：例如blue red green段落相关的标记 标题文字 段落 换行 （单一标记）文字格式 加粗 倾斜 下划线 字号 颜色 （html5中废弃了）无序列表：ol 元素li有序列表：ul 元素li像素：是一个逻辑单位，一个像素点的大小并不是固定的，取决于计算机的分辨率百分比：是父容器的百分之多少图片标记： img 单一标记路径表示法物理路径：例如E:ftp笔记htmlimgmyimg2.jpg相对路径：相对于当前文档：以当前文档位置为参照，用./表示上一级相对于根目录：必须以/开头表示根目录，必须在服务器下运行超级链接：通向其他url的桥梁 标记 a 链接的载体：文字 图片锚点：网页内部的链接，需要在网页的某个位置加一个记号水平线： 横向分割线单一属性：只有属性名，没有属性值，这种属性可以理解为是布尔值网页排版手法:表格排版法：利用table进行网页布局，比较整齐，缺点加载慢CSS+DIV：利用css做布局定位，加载快，布局灵活，缺点编写复杂表格：table代表表格 tr代表一行 td代表一个单元格表格的border一般都是设置为0，不需要显示div：就是一个块级容器（块级元素），和块级元素相对的就是内联元素（行间元素）块级元素：必须一个元素占据一行内联元素：多个元素可以在同一行 例如 a span img框架集：frameset 可以多个框架frame或多个框架集框架：frame 一个框架就是url（网页）框架集网页是没有body的，全都是引用其他网页超级链接的target属性：_self 本窗口（本框架） _blank新窗口 _parent在父框架打开 _top最外层框架打开 自定义框架名称浮动框架：在网页局部潜入框架 iframe表单：form 是不可视元素，作用包含一组表单元素表单元素：输入或者选择控件，例如 文本框 密码框 单选复选 下拉列表 按钮form属性：name：表单的名字id：元素的唯一标识，和name的区别网页中的元素id必须是唯一的，不能重复，name是可以重复，name属性只有少数元素有，id是所有元素都有action：提交的url地址method：发送数据的方式 get方式 post方式get请求：通过url地址追加数据 url？参数名=值&参数名=值 传递数据量小 安全性差post请求：通过请求正文传递数据，传递数据量几乎无限制，安全性好单行文本框 只读 readonly 提交表单的时候还是可以作为表单的数据提交禁用 disabled 提交表单的时候没有这项数据密码框 文本区域 单选按钮 单选按钮的name必须相同才算一组，一组单选按钮只能选中一个复选按钮 相同name为一组下拉列表： xxx 文件域： 上传表单必须设置为enctype=multipart/form-data表示提交的是二进制数据隐藏域：三种按钮：提交按钮 重置按钮 普通按钮 实体字符：&xxxx; >空格  双引号 "&网页排版：盒子模式，容器套容器，一律都是从上至下，从左至右，从外到内CSS（cascade style sheet）级联式样式表：专门控制网页格式，HTML只能实现非常简单的格式，无法实现网页所有的样式语法：必须写在head中，在style标记中设置样式的语法：样式名称 样式属性：值; 样式属性：值;样式选择器（样式应用在哪些元素中）1. 用标签名称做选择，例如body p input2. 类选择器，用 .xxx 自定义样式名称，在标签中用class属性应用3. ID选择器，用#xxx应用到指定id的元素中4. 用span内联元素单独应用局部样式5. 直接利用style属性把样式写到标签中6. 混合选择器：用空格表示包含关系 例如aaa bbb 表示aaa中的bbb应用样式，用表示直接子元素margin：容器的外边距padding：容器的内边距border：样式style 宽度width 颜色color显示隐藏：visibility:hidden隐藏 visible显示 占据原始位置display:none 隐藏 block显示不占据原始位置伪选择器：:link :visited :active :hover 可以把公共通用的样式定义成一个独立的文件：css文件外部样式表在网页中用引用float属性：left左浮动 right右浮动 浮动布局会使元素脱离正常文档流clear属性：left清除左浮动 right清除右浮动 both左右都清除JavaScript：网景公司发明，是脚本语言，由浏览器执行，基于对象，面向过程，语法严格区分大小写在或加入标记，在标记中编写JS脚本程序，一个网页可以有多个，浏览器会认为是一个程序JS的变量类型是弱类型，变量的类型在声明中不需要明确，用var声明变量JS的字符串常量既可以用双引号，也可以用单引号，例如 “hello” hello转义字符同java n t r ” 自定义函数：类似于java的方法，不需要对象调用，一个函数就是一个function定义function 函数名（参数列表） return 返回值事件=事件源+事件类型+事件处理事件注册的两种方式：1. 在标签元素中直接用onXxxxx=执行代码，缺点是元素和代码耦合度高2. 把事件注册写在js代码中，优点代码和网页内容完全分离 语法 事件源对象.事件 = 处理函数 函数不能带参数（不允许带括号）！匿名函数：没有名字的function，function()代表一个纯粹的语句块JS最核心的功能就是能够动态设置和读取一切HTML属性，以及一切CSS属性操作HTML属性：元素对象.html属性 动态属性都是驼峰写法操作CSS样式属性：元素对象.style.CSS属性 需要把css属性变成驼峰写法 例如静态font-size 动态fontSizethis代表当前的元素对象的引用通过id获得元素的对象引用：document.getElementById(“元素id”);定时器操作window.setTimeout(“执行的语句”,毫秒数)：隔一定的毫秒数执行一次语句window.setInterval(“执行的语句”,毫秒数)：每隔一定的毫秒数执行一次语句清除定时器：window.clearInterval(定时器id)window.clearTimeout(定时器id)通用容器属性innerHTML：代表容器内的html内容四大内置对象Date对象：精确到毫秒String对象：字符串对象，长度是length属性，其他方法同javaMath对象：数学对象，提供了静态数学方法数组对象：是变长数组获得表单元素的对象：document.表单名.元素名四大内置函数：parseInt：把字符串转换为整数parseFloat：把字符串转换为浮点数isNaN：判断是否为非数字，如果true表示不是数字eval：动态执行js语句字符串课后练习：1. 年月日时分秒缺位补零，显示中文星期2. 侧滑菜单3. 倒计时4. 输入字数提示Js的编程思想：网页中的一切元素都是对象DOM 文档对象模式：把文档内容看成一个树状结构undefined：特殊值，表示此项值未定义，比如变量声明没有赋值，它的值就是undefined课后