JavaScript+jQuery开发实战-JavaScript中的BOM操作
(精心编排)JavaScript(编程教案)
(精心编排)JavaScript(编程教案) JavaScript 编程教案一、教学目标1. 了解 JavaScript 的基本概念和特性；2. 研究 JavaScript 的语法和常用方法；3. 掌握 JavaScript 的使用场景和应用方式；4. 能够运用 JavaScript 编写简单的交互式网页。
二、教学大纲三、教学方法1. 讲解法：通过教师讲解介绍 JavaScript 的基本概念、语法和常用方法；2. 演示法：通过演示实例，展示 JavaScript 的应用场景和实际案例；3. 实践法：学生通过自主实践和项目开发，巩固 JavaScript 的应用技能；4. 互动法：鼓励学生提问、讨论并参与课堂活动，促进研究效果。
四、教学资源1. 电脑和投影仪2. 上网设备3. JavaScript 开发工具 (推荐使用 Visual Studio Code)4. 教学课件和教材五、教学评估1. 学生参与度评估：观察学生的提问和课堂参与程度；2. 课堂练与作业评估：通过课堂练和作业考察学生对JavaScript 的掌握情况；3. 项目实践评估：评估学生在项目实践中综合运用 JavaScript的能力；4. 反馈与建议：及时反馈学生表现，给予指导和建议，帮助学生提高。
六、教学时间安排本教案的教学时间为共计 12 学时。
七、参考资料1. 《JavaScript高级程序设计》（第4版），Nicholas C. Zakas，人民邮电出版社以上是本教案的基本内容，根据实际情况可以适当进行调整和扩展。
希望同学们能够通过本教学计划，掌握 JavaScript 的基本知识和应用技能，为今后的前端开发之路打下坚实基础！。
javascript工作原理
javascript工作原理JavaScript 是一种脚本编程语言，用于为网页添加交互性。
它的工作原理可以概括如下：1. 引入 JavaScript：在 HTML 文件中使用 `<script>` 标签引入JavaScript 代码。
可以将 JavaScript 代码嵌入到 HTML 文件中，也可以通过外部脚本文件进行引入。
2. 解析和执行：当浏览器加载 HTML 文件时，遇到 JavaScript 代码时会对其进行解析，并使用 JavaScript 引擎执行。
3. DOM 操作：JavaScript 可以通过文档对象模型（DOM）来与 HTML 文档进行交互。
它可以通过 JavaScript 代码来获取、修改或创建 HTML 元素。
4. 事件驱动：JavaScript 能够对用户的交互作出响应。
它可以通过事件监听器来捕获用户的交互事件（如点击、输入等），并执行预定的函数。
5. 数据操作：JavaScript 支持各种数据类型和操作，包括数字、字符串、布尔值、对象和数组等。
它可以进行算术运算、字符串拼接、条件判断、循环等操作，以完成复杂的计算和控制流程。
6. 异步操作：JavaScript 支持异步编程，可以通过回调函数、Promise 或者 async/await 等方式处理异步操作，如网络请求、定时器等。
7. 浏览器 API：JavaScript 可以通过浏览器提供的 API 来访问浏览器功能，如操作浏览器窗口、发送网络请求、使用本地存储等。
总之，JavaScript 的工作原理是通过解析和执行代码，与HTML 文档进行交互，并通过事件驱动、数据操作和浏览器API 来实现网页的交互性和动态性。
JavaScript+jQuery前端开发基础教程(第2版)(微课版)第4章
2．设置JavaScript对象属性注册事件处理程序
将函数设置为事件目标对象的事件属性值，也可完成事件处理程序的 注册。
3．使用addEventListener()方法注册事件处理程序
不管是通过设置属性，还是通过调用addEventListener()方法注册的事 件处理程序，在处理程序中调用preventDefault()方法均可阻止事件默认 动作。
在事件处理程序中，也可通过将event.returnValue属性设置为false来阻 止事件默认动作。
4.2.4 阻止事件传播
beforeunload和unload事件处理过程会屏蔽所有用户交互，window.open、alert、 confirm等都无效，不能阻止unload事件。一般在unload事件处理程序中执行一些必要 的清理操作，事实上只有极少的这种需求。
4.2.6 鼠标事件
鼠标事件对象除了拥有事件对象的主要属性外，还有下列常用属性。
stopPropagation()方法：调用该方法可阻止事件传播过程，事件传播路径中的后继节点不 会再接收到该事件。
3．事件处理程序的返回值
事件处理程序的返回值具有特殊意义。 通常，事件处理程序返回false时，会阻止浏览器执行这个 事件的默认动作。 例如，表单的submit事件处理程序返回false时，会阻止提 交表单；单击链接<a>时，会跳转到链接的URL，若在其 click事件处理程序中返回false，则会阻止跳转。
cancelable属性：逻辑值，表示是否能用preventDefault()方法取消对象的默认动作。
javascript的用法
javascript的用法JavaScript是一种广泛应用于网页开发中的脚本语言，可以为网页增加动态效果和交互性。
它是一种强大而灵活的语言，可以通过嵌入在HTML文档中的<script>标签来使用。
以下是JavaScript的几个常见用法。
1. 网页交互JavaScript能够与用户进行交互，通过响应用户的操作来实现一些功能。
例如，可以使用JavaScript为网页的按钮添加点击事件，使用户点击按钮后触发相应的操作。
这样可以增加用户的互动性和使用体验，使网页更加生动活泼。
2. 表单验证JavaScript可以用来对表单进行验证，确保用户输入的数据符合要求。
通过在表单提交之前进行验证，可以防止无效或恶意的数据被提交到服务器端。
可以使用JavaScript对用户输入的内容进行格式、长度、大小写等方面的验证，并及时给出错误提示。
3. 动态内容加载JavaScript可以实现动态内容加载，无需刷新整个网页即可更新特定部分的内容。
通过使用Ajax技术，可以与服务器进行异步通信，从而实现在页面上动态加载新的数据，而无需重新加载整个页面。
这种方式可以大大提升用户体验，并提高网页的性能。
4. 数字运算和日期处理JavaScript是一种脚本语言，拥有强大的数学计算能力。
它支持基本的算术运算，如加、减、乘、除，还可以进行更高级的数学运算，如三角函数、指数运算等。
此外，JavaScript还内置了日期处理的功能，可以用来处理日期的格式化、计算和比较等操作。
5. 动画效果通过使用JavaScript，可以为网页添加各种动画效果，使网页更加生动有趣。
可以通过改变HTML元素的属性来实现动画效果，如改变元素的位置、颜色、大小等。
此外，还可以使用JavaScript配合CSS样式，利用过渡和动画属性来实现更复杂的动画效果。
6. 浏览器检测和兼容性处理JavaScript可以用来检测用户所使用的浏览器类型和版本，从而根据不同的浏览器提供不同的代码和功能支持，保证网页在不同浏览器上的兼容性。
JavaScript+jQuery前端开发基础教程教案
JavaScript+jQuery前端开发基础教程教案第一章：JavaScript概述1.1 课程介绍本章节将介绍JavaScript的发展历程、特点以及应用场景。
使学生了解JavaScript的历史背景和基本概念，为后续学习打下基础。
1.2 教学目标了解JavaScript的历史和发展掌握JavaScript的基本特点掌握JavaScript的应用场景1.3 教学内容1.3.1 JavaScript的历史和发展1.3.2 JavaScript的基本特点1.3.3 JavaScript的应用场景1.4 教学方法采用讲解、案例演示、互动提问等方式进行教学。
1.5 课后作业简述JavaScript的历史和发展。
列举出JavaScript的三个基本特点。
说出JavaScript的应用场景。
第二章：HTML与CSS基础2.1 课程介绍本章节将介绍HTML和CSS的基本概念，以及如何使用它们来创建网页。
学生将学会如何编写HTML代码和应用CSS样式。
2.2 教学目标掌握HTML的基本结构了解CSS的作用和基本语法学会使用CSS样式化网页2.3 教学内容2.3.1 HTML基本结构2.3.2 CSS的基本语法和作用2.3.3 使用CSS样式化网页2.4 教学方法采用讲解、案例演示、互动提问等方式进行教学。
2.5 课后作业编写一个简单的HTML页面，包括、段落和图片。
尝试使用CSS样式化你的HTML页面，使其看起来更美观。
第三章：JavaScript基本语法和操作3.1 课程介绍本章节将介绍JavaScript的基本语法和基本操作，如变量、数据类型、运算符、控制语句等。
学生将学会如何编写简单的JavaScript代码。
3.2 教学目标掌握JavaScript的基本语法学会使用JavaScript进行基本操作3.3 教学内容3.3.1 JavaScript的基本语法3.3.2 变量和数据类型3.3.3 运算符和控制语句3.4 教学方法采用讲解、案例演示、互动提问等方式进行教学。
20个javascript开发案列
题目：20个JavaScript开发案例在当今数字化和信息化的时代，JavaScript已经成为了前端开发的主流语言之一。
它可以帮助开发者实现网页的动态交互效果，为用户带来更加流畅和丰富的网页体验。
下面将介绍20个优秀的JavaScript 开发案例，展示了JavaScript在不同领域的应用和潜力。
一、基础开发案例1. 轮播图实现在网页设计中，轮播图是非常常见的元素，它可以吸引用户的注意力，增加网页的互动性。
使用JavaScript编写轮播图实现的案例可以展示其在网页交互方面的强大功能。
2. 视频播放器JavaScript也可以用于实现网页上的视频播放功能。
通过调用浏览器的API接口，开发者可以设计出功能完善的视频播放器，实现视频的加载、播放、暂停和控制等功能。
3. 表单验证在网页开发中，表单是常见的用户交互元素。
通过JavaScript开发表单验证功能，可以在用户输入信息时进行实时的验证，提高用户的输入准确性和网页的友好性。
4. 下拉菜单下拉菜单是网页导航和内容选择中的常见组件，使用JavaScript可以实现下拉菜单的动态展开和收缩效果，增加网页的交互性和美观性。
5. 弹窗效果JavaScript可以实现各种形式的弹窗效果，如提示框、确认框、模态框等，为用户提供更好的提示和交互体验。
二、数据可视化案例6. 图表库JavaScript拥有成熟的图表库，如Echarts、Highcharts等，可以快速实现各种类型的数据可视化，满足各种复杂的图表需求。
7. WebGL应用JavaScript也可以结合WebGL技术实现3D数据可视化应用，如三维地图、虚拟现实场景等，展现出JavaScript在数据可视化方面的强大潜力。
8. 大屏数据展示使用JavaScript编写大屏数据展示应用，可以实现数据的实时更新和动态展示，为企业、政府等提供直观的数据展示和分析功能。
9. 实时监控系统JavaScript在实时监控系统中的应用也很广泛，通过实时更新数据和动态图表展示，可以实现对各种设备、系统和环境的监控和分析。
《前端设计》课程标准
《前端设计》课程标准课程名称：Web 前端设计所属系部：电子信息工程学院授课教师：梁启娟审核人：冯曼制定时间： 2019 年 10 月日照职业技术学院目录一、课程基本信息 (1)二、课程概述 (1)三、课程目标 (1)四、课程内容 (2)五、课程实施 (4)六、课程考核 (5)七、课程资源 (5)八、本课程常用术语中英文对照表 (6)《前端设计》课程标准一、课程基本信息二、课程概述（一）课程性质本课程是软件技术、计算机技术（Web前端开发）等专业方向的专业课程，是一门必修课。
（二）课程定位定位于WEB技术开发工作岗位。
它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用。
本课程的前导课程：静态网页设计、DIV+CSS布局。
后续课程：PHP动态网页设计、动态网页设计等。
三、课程目标本课程的总目标是是培养网页设计、网页美工以及WEB综合开发的初、中级专业人才，通过本课程的学习，学生能掌握JavaScript语言的基本编程思想，并能熟练利用JavaScript和JQuery控制WEB页面各级元素，实现WEB前端的验证、动态展示等任务.《Web前端设计》课程是网页设计的提升课程，通过对本课程的学习，学员能够掌握如何使网站的视觉效果更干净、整洁和美观，加强网页的特效。
增强学员的实际动手能力和综合分析问题的能力。
（一）思想教育目标培养面向“互联网+”经济发展需要，拥护党的基本路线，适应生产、建设、管理、服务第一线需要的德、智、体、美等方面全面发展的高素质技术技能型人才。
（二）知识教学目标1．学生能力目标通过本课程的学习，使学生具备JavaScript基础知识，掌握JQUERY基本方法，掌握表单校验的原理和使用方法，并培养学生的自学能力和动手解决问题的能力。
能力目标主要有：(1) 实现客户端表单验证；(2) 制作网页特效；(3)搭建客户端网页商城；2．基本知识教学目标（1）会使用JavaScript美化网页；（2）会使用jQuery美化网页；（3）实现客户端表单校验；3．技能操作目标（1）会使用JavaScript设置网页动画效果（2）会使用JavaScript设置网页验证效果（3）会使用会使用JavaScript设置表单特效4．素质目标（1）具有辩证思维的能力；（2）具有热爱IT技术，事实求是的学风和创新意识、创新精神；（3）加强职业道德意识。
jquery实现原理
jquery实现原理
jQuery是一个JavaScript库，它的实现原理主要包括以下几个
方面：
1. DOM操作：jQuery通过封装了一系列的DOM操作方法，
使得通过简洁的语法可以轻松地操作HTML文档中的元素。
jQuery通过封装了常用的DOM操作函数，使得开发者可以快
速地选择元素、修改元素的属性、样式、内容等。
2. 事件处理：jQuery提供了统一的事件处理函数，可以通过选择器选择元素，并给元素绑定事件。
当事件触发时，可以执行相应的回调函数。
它解决了不同浏览器之间的兼容性问题，并且还实现了事件的冒泡和委托。
3. AJAX封装：jQuery封装了XMLHttpRequest对象，提供了
一系列的AJAX方法，可以通过简单的方式实现异步加载数据。
它通过XMLHttpRequest对象发送请求，并处理服务器返
回的数据。
4. 动画效果：jQuery提供了强大的动画效果的支持，可以轻松地实现元素的淡入淡出、滑动、展开收起等效果。
它通过修改元素的CSS属性值来实现动画效果的改变。
5. 工具函数：jQuery还提供了丰富的工具函数，包括类型判断、字符串处理、数组操作等，方便开发者进行常用的操作。
以上就是jQuery的简单实现原理。
它通过封装常用的操作和
方法，提供了简洁的语法和接口，使得开发者可以更加高效地进行DOM操作、事件处理、异步请求和动画效果的实现。
jQuery的DOM操作小案例
jQuery的DOM操作⼩案例案例⼀：下拉列表左右选择<body><div><select style="width:60px" multiple size="10" id="leftID"><option>选项A</option><option>选项B</option><option>选项C</option><option>选项D</option><option>选项E</option></select></div><div style="position:absolute;left:100px;top:60px"><input type="button" value="批量右移" id="rightMoveID"/></div><div style="position:absolute;left:100px;top:90px"><input type="button" value="全部右移" id="rightMoveAllID"/></div><div style="position:absolute;left:220px;top:20px"><select multiple size="10" style="width:60px" id="rightID"></select></div></body><script type="text/javascript">//双击右移//定位左边的下拉框，同时添加双击事件$("#leftID").dblclick(function() {//获取双击时选中的option标签var $option = $("#leftID option:selected");//将选中的option标签移动到右边的下拉框中$("#rightID").append($option);});//批量右移//定位批量右移按钮，同时添加单击事件$("#rightMoveID").click(function() {//获取左边下拉框中选中的option标签var $option = $("#leftID option:selected");//将选中的option标签移动到右边的下拉框中$("#rightID").append($option);});//全部右移//定位全部右移按钮，同时添加单击事件$("#rightMoveAllID").click(function() {//获取左边下拉框中所有的option标签var $option = $("#leftID option");//将选中的option标签移动到右边的下拉框中$("#rightID").append($option);});</script>案例⼆：动态添加标签事件<body><table id="tableID" border="1" align="center" width="60%"><tr><th>⽤户名</th><th>密码</th><th>操作</th></tr><tbody id="tbodyID"></tbody></table><hr />⽤户名：<input type="text" id="usernameID"/>密码：<input type="text" id="passwordID"/><input type="button" value="增加" id="addID"/></body><script type="text/javascript">//定位"增加"按钮，同时添加单击事件$("#addID").click(function() {//获取⽤户名和密码的值var username = $("#usernameID").val();var password = $("#passwordID").val();//去掉⼆边的空格username = $.trim(username);password = $.trim(password);//如果⽤户名或密码没有填if (username.length == 0 || password.length == 0) {//提⽰⽤户alert("⽤户名或密码没有填");} else {//创建1个tr标签var $tr = $("<tr></tr>");//创建3个td标签var $td1 = $("<td>" + username + "</td>");var $td2 = $("<td>" + password + "</td>");var $td3 = $("<td></td>");//创建input标签，设置为删除按钮var $del = $("<input type='button' value='删除'>");//为删除按钮动态添加单击事件$del.click(function() {//删除按钮所有的⾏，即$tr对象$tr.remove();});//将删除按钮添加到td3标签中$td3.append($del);//将3个td标签依次添加到tr标签中$tr.append($td1);$tr.append($td2);$tr.append($td3);//将tr标签添加到tbody标签中$("#tbodyID").append($tr);//清空⽤户名和密码⽂本框中的内容$("#usernameID").val("");$("#passwordID").val("");}});</script>案例三：全选反选<body><table border="1" align="center"><tr><th>状态</th><th>⽤户名</th></tr><tbody><tr><td><input type="checkbox"/></td><td>赵</td></tr><tr><td><input type="checkbox"/></td><td>钱</td></tr><tr><td><input type="checkbox"/></td><td>孙</td></tr></tbody><tfoot><tr><td><input type="checkbox"/>全选</td><td><input type="button" value="全反选"/></td></tr></tfoot></table><script type="text/javascript">//全选中和全取消//定位tfoot中的全选复选框，同时添加单击事件$("tfoot input:checkbox").click(function() {//获取该全选复选框的状态var flag = this.checked;//如果选中if (flag) {//将tbody中的所有复选框选中$("tbody input:checkbox").attr("checked", "checked");//如果未选中} else {//将tbody中的所有复选框取消$("tbody input:checkbox").removeAttr("checked");}});//全反选//定位tfoot标签中的全反选按钮，同时添加单击事件$("tfoot input:button").click(function() {//将tbody标签中的所有选中的复选框失效$("tbody input:checkbox:checked").attr("disabled","disabled");//将tbody标签中的所有⽣效的复选框选中$("tbody input:checkbox:enabled").attr("checked", "checked");//将tbody标签中的所有⽣效的复选框⽣效且设置为未选中 $("tbody input:checkbox:disabled").removeAttr("disabled") .removeAttr("checked");});</script></body>案例四：输⼊框暗影提⽰<head><meta http-equiv="content-type" content="text/html; charset=UTF-8"> <style type="text/css">.myClass {color: inactivecaption}</style><script type="text/javascript" src="../js/jquery-1.8.2.js"></script></head><body><table border="1" align="center"><tr><th>⽤户名</th><td><input type="text" value="输⼊⽤户名"/></td></tr></table><script type="text/javascript">//当浏览器加载web页⾯时$(function() {//将⽂本框中的⽂本样式改变$(":text").addClass("myClass");});//当光标定位⽂本框时$(":text").focus(function() {//清空⽂本框中的内容$(this).val("");//删除⽂本框的样式$(this).removeClass("myClass");});//当⽂本框失去焦点时$(":text").blur(function() {//获取⽂本框中填⼊的内容var content = $(this).val();//去⼆边的空格content = $.trim(content);//如果没填了内容if (content.length == 0) {//在⽂本框显⽰提⽰信息$(":text").val("输⼊⽤户名");//设置⽂本框中⽂本的样式$(":text").addClass("myClass");}});</script></body>。
网页设计与制作——JavaScript+jQuery标准教程 教案 第2章 JavaScript基础
电子商务网页设计与制作
授课教案
学年第学期
课前：
【教师布置调研任务】
调研主题：《了解JavaScrip的语法规则》
要求：以小组为单位，通过网络查找的方式了解JaVaSeriP的语法规则。
制作汇报PPT,提交到“微信群”。
【学生调研，教师线上指导】
学生采用线上调研的方式，开展调研。
教师使用“微信群”对学生进行指导。
（教师对各组调研成果进行评价】
教师查阅学生调研结果PPT,对每个小组的PPT进行评价，记录评价成绩，并挑选出优秀作品。
课后：
【学生使用JaVaSCriP代码设计一个根据分数评价等级的程序】
小组成员团结协作，练习使用JaVaSCriP代码的相关内容；使学生掌握使用JaVaSCriP 代码编程的能力。
教师使用“微信群”对学生进行指导。
填表说明：1本页可续页；2.教学方法如：项目教学、案例分析、分组讨论、角色扮演、启发引导等;
3.教学手段如：课件演示、模型讲解、实物讲解、挂图讲解、视频讲解、网络课程等。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
演示示例3：location和history对象
学员操作—制作查看一年四季的变化页面
练习
需求说明
制作查看一年四季变化的主页面
主页面实现链接到其他页面及刷新本页功能
其他页面实现前进、后退和链接到其他页面功能
完成时间：20分钟
共性问题集中讲解
演示示例2：window对象操作窗口
学员操作—制作当当购物车页面
练习
需求说明 单击“半闭”按钮时，关闭当前页面购物车页面 单击“移入收藏”弹出收藏提示 单击“删除”弹出确认删除提示 单击“结算”按钮，弹出结算信息页面窗口
完成时间：20分钟
共性问题集中讲解
常见问题及解决办法 代码规范问题 调试技巧
Window对象
常用属性 常用方法
Window对象的常用属性
常用的属性
属性名称 history location 语法
window.属性名= "属性值"
说 有关当前 URL 的信息
明
有关客户访问过的URL的信息
示例
window.location="" ; 表示跳转到页面演示示例1：确认对话框
open()方法
窗口特征
语法
height、width
window.open("弹出窗口的url","窗口名称","窗口特征”)
属性名称 说 明 窗口文档显示区的高度、宽度。以像素计。
left、top
toolbar=yes | no |1 | 0 scrollbars=yes | no |1 | 0 location=yes | no |1 | 0 status=yes | no |1 | 0 menubar=yes | no |1 | 0 resizable=yes | no |1 | 0 titlebar=yes | no |1 | 0 fullscreen=yes | no |1 | 0
对脚本产生任何改变 <script type="text/javascript"> 示例 prompt( )：两个参数，输入对话框，用来提示用户输入一些信息 var flag=confirm("确认要删除此条信息吗？"); if(flag==true){ ，单击“取消”按钮则返回 null，单击“确定”按钮则返回用户输 alert("删除成功！"); 入的值，常用于收集用户关于特定问题而反馈的信息 }else{ alert("你取消了删除"); confirm( )：一个参数，确认对话框，显示提示对话框的消息、“ } </script> 确定”按钮和“取消”按钮，单击“确定”按钮返回 true，单击“ 取消”按钮返回false，因此与if-else语句搭配使用
共性问题集中讲解
history对象
常用方法
名称
back() forward() go()
说
明
加载 history 对象列表中的前一个URL 加载 history 对象列表中的下一个URL 加载 history 对
等价
history.go(-1) history.go(1)
JavaScript中的BOM操作
本章任务
制作当当购物车页面 制作查看一年四季的变化页面 制作12进制时钟特效
本章目标
会使用getElementById( )方法访问DOM元素
会使用getElementsByName( )方法访问DOM元素
会使用getElementsByTagName( )方法访问DOM元素
说
明
location和history对象的应用
主页面使用href实现跳转和刷新本页
示例
<a href="javascript:location.href='flower.html'">查看鲜花详情</a> <a href="javascript:location.reload()">刷新本页</a> <a href="javascript:history.back()">返回主页面</a>
Window对象的常用方法
常用的方法
方法名称
prompt( ) alert( ) confirm( ) close( )
说
明
显示可提示用户输入的对话框 显示带有一个提示信息和一个确定按钮的警 示框 显示一个带有提示信息、确定和取消按钮的 对话框 关闭浏览器窗口
open( )
setTimeout( ) setInterval( )
窗口的x坐标、y坐标。以像素计
是否显示浏览器的工具栏。黙认是yes。 是否显示滚动条。黙认是yes。 是否显示地址地段。黙认是yes。 是否添加状态栏。黙认是yes。 是否显示菜单栏。黙认是yes。 窗口是否可调节尺寸。黙认是yes。 是否显示标题栏。黙认是yes。 是否使用全屏模式显示浏览器。黙认是no。处于全屏模 式的窗口必须同时处于剧院模式。
打开一个新的浏览器窗口，加载给定 URL 所指定的文档
在指定的毫秒数后调用函数或计算表达式 按照指定的周期（以毫秒计）来调用函数或 表达式
confirm()方法
confirm()与 ：将弹出一个确认对话框 alert ()、 prompt()区别
语法 alert( )：一个参数，仅显示警告对话框的消息，无返回值，不能 confirm("对话框中显示的纯文本")
浏览器中的“后退” 浏览器中的“前进”
history.forward()
location对象
常用属性
名称
host hostname href
说
明
设置或返回主机名和当前URL的端口号 设置或返回当前URL的主机名 设置或返回完整的URL
常用方法
名称
reload() replace() 重新加载当前文档 用新的文档替换当前文档
会使用定时函数和Date对象制作时钟特效
BOM模型2-1
BOM：浏览器对象模型（Browser Object Model）
整个BOM的核心
BOM提供了独立于内容的、可以与浏览器窗口进行互 动的对象结构
BOM模型2-2
BOM可实现功能
弹出新的浏览器窗口
移动、关闭浏览器窗口以及调整窗口的大小 页面的前进、后退