2023学年完整公开课版JavaScript认知_第1页
2023学年完整公开课版JavaScript认知_第2页
2023学年完整公开课版JavaScript认知_第3页
2023学年完整公开课版JavaScript认知_第4页
2023学年完整公开课版JavaScript认知_第5页
已阅读5页，还剩12页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

JavaScript认知项目四：JavaScript认识JavaScript1学会使用JavaScript编辑工具2引入JavaScript脚本代码的方法3常用的输入输出语句4了解浏览器兼容性问题5目标学习学习目标主要任务010203任务1：认识JavaScript了解前端开发技术JavaScript，了解JavaScript的发展，了解JavaScript特点，了解JavaScript的组成及其作用。任务2：在页面显示个人信息在页面输出个人信息任务3：测试综合案例在主流浏览器的兼容性任务1：认识JavaScript——JavaScript的发展JavaScript由布兰登·艾奇（BrendanEich）发明，于1995年出现在Netscape。Netscape与SUN合作，将LiveScript改为JavaScript，造就了这个强力的WEB页开发工具。JavaScript是一种基于对象和事件驱动的脚本语言。使用它的目的是与HTML（超文本标记语言）一起实现网页中的动态交互功能。通过嵌入或调用JavaScript代码在标准的HTML中实现其功能，它与HTML标签结合在一起，弥补了HTML的不足，JavaScript使网页变得更加生动。任务1：认识JavaScript——JavaScript的作用表单数据合法验证JavaScript脚本功能强大,常用功能有:JavaScript应用还有很多,WEB应用程序开发者能将其与XML有机结合,嵌入JavaApplet和Flash等插件,能实现功能强大并集可视性、动态性和交互性于一体的HTML网页页面特效动态页面数值计算任务1：认识JavaScript——JavaScript的特点基于对象的语言在此录入上述图表的描述说明，在此录入上述图表的描述说明。事件驱动在此录入上述图表的描述说明，在此录入上述图表的描述说明。解释型语言在此录入上述图表的描述说明，在此录入上述图表的描述说明。简单性在此录入上述图表的描述说明，在此录入上述图表的描述说明。跨平台性在此录入上述图表的描述说明，在此录入上述图表的描述说明。任务1：认识JavaScript——JavaScript的组成任务2：在页面显示个人信息——JavaScript脚本的执行原理应用服务器IEIE解析HTML标签和JavaScript脚本从服务器端下载含JavaScript的页面返回响应客户端请求含JS的页面发送请求1用户输入23任务2：在页面显示个人信息——JavaScript脚本的基本结构<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>JavaScript起步</title></head><body><center><scriptlanguage="javascript1.2"type="text/javascript"> document.write("欢迎来JavaScript世界！");</script></center></body></html>任务2：在页面显示个人信息——JavaScript脚本的基本结构JavaScript脚本编程一般步骤:选择JavaScript语言编辑器编辑脚本代码嵌入该JavaScript脚本代码到HTML文档中选择支持JavaScript的浏览器浏览该HTML文档调试、修改错误任务2：在页面显示个人信息——JavaScript脚本编辑器文本编辑器网页开发工具Dreamweaver

FrontPage记事本

EditPlus

UltraEdit编写JavaScript脚本代码可以选择普通的文本编辑器也可以选择专业网页开发工具，常用的工具有：只要所选编辑器能将所编辑的代码最终保存为HTML文档类型即可

AptanaVisualStudio任务2：在页面显示个人信息——如何引入JavaScript脚本可以通过多种方式将JavaScript脚本代码嵌入到目标HTML文档中，有四种标准方法：代码包含于<script>和</script>标记内，嵌入到HTML文档中通过<script>标记的src属性链接外部的JavaScript脚本文件通过JavaScript伪URL地址引入通过HTML文档事件处理程序引入通过<script>与</script>标记引入<scriptlanguage="javascript1.2"type="text/javascript"> document.write("欢迎来JavaScript世界！");</script><script>和</script>标记对将Javascript脚本代码进行封装，同时告诉浏览器其间代码为Javascript

。type属性src属性Language属性指定封装代码的脚本语言及版本指定插入脚本代码类型用于将外部的脚本文件内容嵌入到当前文档中通过<script>标记的src引入<scriptlanguage="javascript"src="02.js"></script>在文本编辑器中编辑代码并将其保存为02.js，引入时注意目录。如果脚本程序较长或者同一段脚本可以在若干个Web页中使用，则可以将脚本放在单独的一个.js文件里，然后链接到需要它的HTML文件，这相当于将其中的脚本填入链接处。

要引用外部脚本文件，使用<SCRIPT>标记的SRC属性来指定外部脚本文件的URL。JavaScript源代码文件通常使用.js扩展文件名命名，其中仅包含有JavaScript语句，它不包含HTML中的<script>

……</script>标签对。<script>

……</script>标签对位于HTML文档中调用源代码文件的位置。通过JavaScript伪URL引入伪URL地址的一般格式：一般以“JavaScript:”开始，后面紧跟要执行的操作。<html><head><title>伪URL地址引入</title></head><body><center><formname="myform"><inputtype="button"name="mybtn"value="伪URL引入"onclick="javascript:alert('鼠标单击！')"></form></center></body></html>JavaScript:alert(“鼠标单击”)开发者可以给HTML文档中设定不同的事件处理器，通常是设置某HTML元素属性来引用一个脚本，属性一般以on开头。<html><head><title>事件处理程序引入</title><scriptlanguage="javascript"type="text/javascript">functionclickme(){ alert("鼠标单击！");}</script></he

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论