Web渗透测试与防护（慕课版） 课件 单元5 DVWA平台部署.pptx

JavaScript的基础语法Web渗透与防护Web Penetration Testing Protection 引入 目录2JavaScript基础语法13DOM对象简介BOM对象简介 JavaScript语法基础当前客户端最流行、使用最广泛的客户端脚本编程语言，用来在网页中添加动态效果与交互功能客户端脚本编程语言JavaScript 简称JS由ECMAScript、DOM和BOM三部分组成的。ECMAScript是JavaScript基础语法，DOM是文档对象模型，BOM是浏览器对象模型基于对象和事件驱动的脚本语言，除了开发使用方便、安全性高、效率高的优点，还具有实时性、动态性和跨平台的特点 JavaScript语法基础—用法JavaScript 脚本代码一般放置在head与/head标记对中!DOCTYPE htmlhtml head meta charset=UTF-8 title/title script type=text/JavaScript //此处可写入JavaScript脚本代码 document.write(h1HelloWorld!/h1); // 执行的脚本代码 /script /head body /body/html JavaScript语法基础—用法单行注释以双斜杠“//”开头，只对所在行有效。单行注释可以独占一行，也可以在代码的末尾使用多行注释以?/*?开始，以?*/?结尾，它们之间的所有内容都是注释的内容。JavaScript代码支持单行注释和多行注释注释不会被执行，可以用来给代码添加一些解释或描述，提高代码的可读性和可利用性 JavaScript语法基础—变量用于存储数据的“容器”变量JavaScript中变量通常用 var 关键字进行定义。变量定义后，使用 “=” 号进行赋值var 变量名;变量名=值; JavaScript语法基础—数据类型{ }定义、?key:value‘’或 ””true or false[ ]定义、?元素function开头、?后接函数名称 JavaScript语法基础—事件当用户与浏览器中的Web页面进行交互时发生的动作。一般，事件的名称以“on”开头事件常用的事件包括：鼠标、键盘事件如onclick：鼠标点击窗口事件如onload：页面内容加载完成onerror：出现错误表单事件如onfocus：某个元素获得焦点onchange：当前元素失去焦点并且元素的内容发生改变 JavaScript语法基础—结构语句结构语句一般包括条件语句和循环语句。条件语句循环语句条件语句，是指程序根据不同的条件来执行不同的操作，主要有四种形式：if语句、if else语句、if else if else语句和switch case语句循环语句，是指一段代码的重复执行，主要包含for循环语句、while循环语句和do while循环语句 DOM对象简介由W3C定义的一个标准。一种与平台和语言无关的模型，用来表示HTML或XML文档DOM 文档对象模型Document Object Model当网页加载时，浏览器会自动创建当前页面的文档对象模型DOM在DOM 中，文档的所有元素、属性、文本等都会被组织成一个逻辑树结构，树中每一个对象为一个节点 DOM对象简介DOM中定义了文档的逻辑结构以及程序访问和操作文档的方式document.getElementById()获取文档中具有指定id属性的元素document.createElement()创建一个元素节点document.cookie获取当前页面的Cookie借助 DOM 可以使用JavaScript来访问、修改、删除或添加HTML文档中的任何内容 BOM对象简介浏览器各内置对象之间按照某种层次组织起来的模型，赋予了JS程序与浏览器交互的能力BOM 浏览器对象模型Browser Object Model窗体内容核心对象，父对象历史记录URL地址栏内的相关数据与屏幕相关的信息浏览器相关数据 BOM对象简介window对象是BOM的核心，表示当前浏览器窗口。它提供了一系列用来操作或访问浏览器的方法和属性 window.close关闭窗口其他对象都是以属性的方式添加到window对象下，也可称为window子对象如：document（即DOM）对象、history对象等 回顾BOM对象DOM对象基础语法数据类型结构语句 谢谢观看！THANKS！ 分时问候功能实现Web渗透与防护Web Penetration Testing Protection 目录214分时问候功能实现环境分时问候功能分析分时问候功能实战总结3分时问候功能实现流程 分时问候功能实现环境分时问候功能实现环境IP地址为/24