当前位置：文档之家 › javascript课件第六章

javascript课件第六章

  • 格式：ppt
  • 大小：681.50 KB
  • 文档页数：16
javascript课件第六章

合集下载

2024版JavaScript学习资料演示课件

2024版JavaScript学习资料演示课件

使用CDN加速
将JavaScript文件部署在CDN上，利用CDN的分布式网络加速文件传 输，提高加载速度。
异步加载和延迟执行
通过async和defer属性实现JavaScript的异步加载和延迟执行，避免 阻塞页面渲染。
利用浏览器缓存
通过设置HTTP缓存头信息，使浏览器缓存JavaScript文件，减少重复 请求和加载时间。
01
JavaScript的起源
由Netscape公司的Brendan Eich于1995年创造，初名为 LiveScript，后更名为JavaScript。
02
发展历程
从最初的网页交互脚本语言，到如今的全栈开发语言， JavaScript经历了多次重要变革，如ES6标准的推出。
03
应用领域
前端开发、后端开发（Node.js）、移动应用开发（React Native、Ionic等）、桌面应用开发（Electron等）。
字符串操作
D 了解如何使用正则表达式对字符串进行匹配、
替换和分割等操作。
日期对象Date
创建日期对象
日期对象方法
使用Date构造函数创建日期对象，并了解如 何设置日期和时间。
掌握常用的日期对象方法，如getFullYear、 getMonth、getDate、getHours、 getMinutes、getSeconds等。
02 JavaScript核心对象
数组对象Array
01
02
03
04
创建数组
使用数组字面量或Array构造 函数创建数组。
数组属性
了解数组的length属性，以及 如何通过索引访问数组元素。
数组方法
遍历数组
掌ft、unshift、slice、
Javascript(课件PPT)

Javascript(课件PPT)


• 数学对象
• •
复合数据类型
从Math对象中获取圆周率常数，计算一个半径为2单位的圆的面积
01 02 03 04 05 06 07 08 <script language="javascript"> <!-var r = 2; var pi = Math.PI; var s = pi*r*r; alert("半径为2单位的圆面积为：" + s + "单位" );// 显示圆的面积 --> </script> // 脚本程序开始 // 定义变量表示半径 // 从Math对象中 // 计算面积
注意事项
• 大小写敏感
• JavaScript代码是大小写敏感的，Name和name是不同的标识符，编码时 应当予以注意。同一个词如果如果各个字母间大小写不同时，系统将当 作不同的标识符来处理，相互之间没有任何联系
• 代码示例
01 02
Name = “sunsir”; name = “foxsir”;
// 大写字母开头 // 汪写字母开头
注意事项
• 空格与换行
• 代码中多余的空格会被忽略，同一个标识符的所有字母必须连续。 • 一行代码可以分成多行书写。
• 单行：
• 代码写于一行中，用分号作为语句结束标志
if(1==1 && 6>3 ){alert(“return true”);}else{alert( “return false” );}
• 另存为“helloworld.html”,扩展名为“html”或“htm”. • 在IE中打开网页文件，运行程序。
注意事项
• 浏览器对JavaScript的支持
JavaScript6 PPT课件

JavaScript6 PPT课件

<html> <head> <title>编写Javascript网页</title> <script language=javascript > function statusinfo(){ window.status="最精彩的网站"; } </script> </head> <body> <a href="" onmouseover="statusinfo()"> 将鼠标移到这里。 </a> </body> </html>
<html> <head> <title>编写Javascript网页</title> <script language=javascript > function position() { x=event.x; y=event.y; form1.text1.value="当前鼠标的位置是：("+x+","+y+")"; } </script> </head> <body OnMouseMove="position()"> <FORM NAME="form1"> <INPUT TYPE="text" NAME="text1" VALUE="" SIZE=40> </FORM></body></html>
<html> <head> <title>编写Javascript网页</title> <script language=javascript > function pulldown() { mytext.style.fontSize="50pt"; mytext.style.fontStyle="italic"; mytext.style.weight="bold"; } function freeup() { mytext.style.fontSize="20pt"; mytext.style.fontStyle="normal"; mytext.style.weight="normal"; } </script> </head> <body> <P ID=mytext onMouseDown="pulldown()" onMouseUp="freeup()"> 欢迎光临！ </body> </html>
JavaScript程序设计课程教学文档精品PPT课件

JavaScript程序设计课程教学文档精品PPT课件

➢ 确认对话框
➢ 提示对话框
§2.与用户交互方法——警告对话框
警告对话框
➢ 由窗体、提示内容和一个确认按钮组成 ➢ 对用户目前进行的操作起到警告的作用 ➢ 用户只有响应了警告对话框，也就是点击“确认”按钮，关掉警告
对话框后，才能继续先前的操作 ➢ alert( )方法的标准语法是：
✓ window. alert("content"); ✓ alert("content");
使用script标记插入脚本
➢ <script language=“JavaScript” type=“text/javascript”> <!--在这里编写JavaScript代码。 //-->
</script>
直接添加脚本
➢ <INPUT type="Button" onClick=“Javascript:alert(‘欢
onClick="javascript:alert('请确认您输入的信息是否正 确')"> 10. </p> 11. </body></html>
§2.与用户交互方法——警告对话框
alert实例二 1. <HTML> 2. <HEAD><TITLE>处理加载卸载事件</TITLE> 3. </HEAD> 4. <BODY onload="alert('欢迎光临!')" 5. onunload="alert('谢谢惠顾!')"> 6. <H2>onload 和 onunload 事件示例</H2> 7. </BODY> 8. </HTML>