jQuery开发基础第1章JavaScript基础.pptVIP

jQuery开发根底第1章JavaScript根底;;;;;;;;;;;;;1.2 编写JavaScript的工具 ; 记事本是最原始的JavaScript开发工具，它最大的优点就是不需要独立安装，只要安装微软公司的操作系统，利用系统自带的记事本，就可以开发JavaScript应用程序。对于计算机硬件条件有限的读者来说，记事本是最好的JavaScript应用程序开发工具。 【例1-1】 下面将介绍如何通过使用记事本工具来作为JavaScript的编辑器编写第一个JavaScript脚本。 〔1〕单击“开始〞菜单，选择“程序〞/“附件〞/“记事本〞选项，翻开记事本工具。 〔2〕在记事本的工作区域输入HTML标识符和JavaScript代码。 html head title一段简单的JavaScript代码/title script language=javascript window.alert(欢送光临本网站); /script /head body h3这是一段简单的JavaScript代码。/h3 /body /html;〔3〕编辑完毕后，选择“文件〞/“保存〞命令，在翻开的“另存为〞对话框中，输入文件名，将其保存为.html格式或.htm格式。保存完.html格式后文件图标，将会变成一个IE浏览器的图标，双击此图标，以上代码的运行结果会在浏览器中显示，如图1-7所示。; FrontPage是微软公司开发的一款强大的Web制作工具和网络管理向导，它包括HTML处理程序、网络管理工具、动画图形创立、编辑工具以及Web效劳器程序。通过FrontPage创立的网站不仅内容丰富而且专业，最值得一提的是，它的操作界面与Word的操作界面极为相似，非常容易学习和使用。 【例1-2】下面介绍应用FrontPage编写JavaScript脚本的步骤。 〔1〕翻开FrontPage，默认创立一个new_page_1.htm的文档，如图1-8所示。; 用户可以直接在该文档中编写JavaScript脚本。另外，用户也可以通过菜单栏新建一个HTML文件来编写JavaScript脚本。单击“文件〞/“新建〞/“网页〞选项，就会弹出一个网页制作的向导，从3方面提供了几十种根本方案供用户选择，如图1-9所示。在“常规〞选项卡中一共提供了26种模板供用户选择。在“框架网页〞中，提供了10种框架结构，几乎包括了所有常见的网页框架。“样式表〞那么能帮助用户确定统一的??字风格。 ; 〔2〕在翻开的页面中，页面下方有3个视图形式，分别为“普通〞、“HTML〞和“预览〞。在“普通〞视图中，可以在页面插入HTML元素，进行页面布局和设计，如图1-10所示；; 在“HTML〞视图中，可以编辑JavaScript程序，如图1-11所示；; 在“预览〞视图中，可以运行网页内容，如图1-12所示。; Dreamweaver是当今流行的网页编辑工具之一。它采用了多种先进技术，提供了图形化程序设计窗口，能够快速高效地创立网页，并生成与之相关的程序代码，使网页创作过程变得简单化，生成的网页也极具表现力。 Dreamweaver的下载地址为 【例1-3】下面介绍应用Dreamweaver编程JavaScript脚本的步骤。 〔1〕安装Dreamweaver后，首次运行Dreamweaver时，展现给用户的是一个“工作区设置〞的对话框，在此对话框中，用户可以选择自己喜欢的工作区布局，如“设计者〞或“代码编写者〞，如图1-13所示。这两者的区别是在Dreamweaver的右边或是左边显示窗口面板区。; 〔2〕选择工作区布局，并单击“确定〞按钮后。选择“文件〞/“新建〞命令，将翻开“新建文档〞对话框。在该对话框中的“类别〞列表区选择“根本页〞，再根据实际情况来选择所应用的脚本语言，这里选择的是“HTML〞，然后单击“创立〞按钮，创立以JavaScript为主脚本语言的文件，如图1-14所示。; 〔3〕在翻开的页面中，有3种视图形式，分别为代码、拆分和设计。在代码视图中，可以编辑程序代码，如图1-15所示；; 在拆分视图中，可以同时编辑代码视图和设计视图中的内容，如图1-16所示；; 在设计视图中，可以在页面中插入HTML元素，进行页面布局和设计，如图1-17所示。; 在Dreamweaver中插入HTML元素后，通过“属性〞面板可以方便地定义元素的属性，使其满足页面布局的要求。在页面中，允许多个表格的嵌套；可以插入图像、flash等；可以插入表单元素，例如：文本框、列表/菜单、复选框、按钮等。 〔4〕设计页面及编写代码完成后，保存该文件到指定目录下，文件的扩展名为“.htm