安全培训课件08_We语言基础.pptxVIP

Web语言基础;概述;W3C – 万维网联盟 World Wide Web Consortium DOM – 文档对象模型 Document Object Model 0级（非公开）、1级（98）、2级、3级 HTML - 超文本标记语言 HyperText Mark-up Language HTML 1.0（93）、2.0（95）、3.2（96） HTML 4.0（97）、4.01（99）、5.0（06） XHTML 1.0（00）、1.1（01）、2.0（草案） XML - 可扩展标记语言 Extensible Markup Language 1.0（98）、1.1（02）、2.0（开发中） XSL扩展样式表语言，相当于HTML的CSS CSS – 层叠样式表 Cascading Style Sheets CSS 1.0（96）、2.0（98）、2.1 CSS 3.0（开发中）;浏览器怎么处理页面？;HTML – 超文本标记语言;几个术语;HTML文档的结构;基本标签 html、head、meta、title、body … 格式标签 table、div、ul/ol、fieldset、span、br … 文字标签 font、string、h1~6 … 链接标签 style、script、link、img、a … 表单标签 input[text、button…]、label、select、textarea … 其它 frameset、iframe、object、applet …;核心属性 事件属性 页面: load、unload … 表单: change、submit、blur、focus、reset、select… 键盘: keyup/down、keypress 鼠标: click、dblclick、mouseup/down、mouseover/out… 图像: abort（图像加载中断） 旧版属性 name、width、height、align、valign …;表单 form、input… 元素触发的事件 onclick、onmouse*、onkey*、onblur… 嵌入框架 iframe 脚本 javascript 对象 object、applet;实例 – 表单应用;实例 – 事件触发;例子 – 嵌入框架;例子 – 嵌入对象;href onmouseover/onmouseout src / dynsrc meta标签的content meta?http-equiv=refresh?content=0;url=javascript:[代码] body标签的onload object标签的codebase script 编码处理 [\xC0][\xBC]script[代码][\xC0][\xBC]/script;CSS – 层叠样式表;浏览器缺省设置(Internet选项?常规) 外部样式表 link href=“*.css type=text/css rel=stylesheet 内部样式表 style type=text/css… …/style 内联样式表 tag style=… …… …/tag ;样式表的格式;外部样式表 内部样式表 最终样式是什么样？ ;样式表 HTML 效果;样式表 HTML 派生;样式表 HTML 派生;安全问题 XSS 挂马 几个示例 background-image:?url(javascript:[JS代码]); behaviour:?url([指向JS文件]); binding:?url([指向JS文件]); width:?expression([JS代码]); style?type=text/javascript[JS代码]/style link?rel=stylesheet?href=javascript:[JS代码] /;JAVASCRIPT 基础; ; ; ; ; 用分号和换行分隔语句 允许一行多条语句，但必须用分号隔开 给代码添加注释的方法 单行注释：//注释 多行注释：/*注释*/ 赋值=和等于== 表达式 数 值： 3.9 字符串值： ABCDE 布尔文字： true、false 文本空值： null 对象文字： {width:640, height:480} 数组文字： [1, 2, 3] 函数文字： function(s) { document.write(s) } ; 主要(基本)类型 字符串: ABCDE 数值: 3.9 - 所有数值都是浮点数 布尔: true 复合（引用）类型 对象: Array Function String Number Boolean Error Date RegExp 数组: [a,