第7章PHP与JavaScript.ppt

《第7章PHP与JavaScript.ppt》由会员分享，可在线阅读，更多相关《第7章PHP与JavaScript.ppt（13页珍藏版）》请在优知文库上搜索。

1、PHP与与JavaScript了解了解JavaScript JavaScript是由Netscape Communication Corporation（网景公司）开发的，是一种基于对象和事件驱动并具有安全性能的解释型脚本语言。它不但可用于编写客户端的脚本程序，由Web浏览器解释执行；而且还可以编写在服务器端执行的脚本程序，在服务器端处理用户提交的信息并动态地向浏览器返回处理结果。JavaScript是什么 JavaScript是比较流行的一种制作网页特效的脚本语言，它由客户端浏览器解释执行，可以应用在PHP、ASP、JSP和ASP.NET网站中，同时目前比较热门的Ajax就是以JavaScr

2、ipt为基础，由此可见，熟练掌握并应用JavaScript对于网站开发人员非常重要。JavaScript主要应用于以下几个方面：l 在网页中加入JavaScript脚本代码，可以使网页具有动态交互的功能，便于网站与用户间的沟通，及时响应用户的操作，对提交的表单做即时检查，如验证表单元素是否为空，验证表单元素是否是数值型、检测表单元素是否输入错误等。l 应用JavaScript脚本制作网页特效，如动态的菜单、浮动的广告等，为页面增添绚丽的动态效果，使网页内容更加丰富、活泼。l 应用JavaScript脚本，建立复杂的网页内容，如打开新窗口载入网页。l 应用JavaScript脚本可以对用户的不同

3、事件产生不同的响应。l 应用JavaScript制作各种各样的图片、文字、鼠标、动画和页面的效果。l 应用JavaScript制作一些小游戏。JavaScript的功能 JavaScript语言基础语言基础 JavaScript主要有6种数据类型，如表所示。JavaScript数据类型 JavaScript语言基础语言基础 变量是指程序中一个已经命名的存储单元，它的主要作用就是为数据操作提供存放信息的容器。在使用的变量前，必须明确变量的命名规则、变量的声明方法及变量的作用域。1变量的命名规则变量的命名规则JavaScript变量的命名规则如下：必须以字母或下划线开头，中间可以是数字、字母或下划

4、线。变量名不能包含空格或加号、减号等符号。JavaScript的变量名是严格区分大小写的。例如，User与user代表两个不同的变量。不能使用JavaScript中的关键字。JavaScript的关键字如表所示。JavaScript变量 JavaScript语言基础语言基础 2变量的声明与赋值变量的声明与赋值在JavaScript中，一般使用变量前需要先声明变量，但有时变量可以不必先声明，在使用时根据变量的实际作用来确定其所属的数据类型。所有的JavaScript变量都由关键字var声明。语法：var variable;在声明变量的同时也可以对变量进行赋值：var variable=11;声明

5、变量时所遵循的规则如下：可以使用一个关键字var同时声明多个变量，例如：var i,j;可以在声明变量的同时对其赋值，即为初始化，例如：var i=1;j=100;如果只是声明了变量，并未对其赋值，则其值默认为undefined。如声明3个不同数据类型的变量，代码如下：var i=100;/定义变量i为数值类型var str=有一条路，走过了总会想起;/定义变量str为字符串类型var content=true;/定义变量content为布尔类型JavaScript变量 JavaScript语言基础语言基础 在JavaScript中，采用的注释方法有两种：1单单行注行注释释单行注释使用“/”进

6、行标识。“/”符号后面的文字都不被程序解释执行。例如：/这里是程序代码的注释2多行注释多行注释多行注释使用“/*/”进行标识。“/*/”符号后面的文字不被程序解释执行。例如：/*这里是多行程序注释*/另外，JavaScript还能识别HTML注释的开始部分“”。这种现象存在的主要原因是：在JavaScript中，如果第一行以“”结束，那么其间的程序就包含在一个完整的HTML注释中，会被不支持JavaScript的浏览器忽略掉，不能被显示。如果第一行以“”结束，JavaScript会将两行都忽略掉，而不会忽略这两行之间的部分。用这种方式可以针对那些无法理解JavaScript的浏览器而隐藏代码，

7、而对那些可以理解JavaScript的浏览器则不必隐藏。JavaScript注释 自定义函数自定义函数 自定义函数就是由用户自己命名并且书写的能实现特定功能的程序单元。用户使用的自定义函数必须事先声明，不能直接使用没声明过的自定义函数。函数体JavaScript用function来定义函数，语法格式如下：function 函数名(参数)return var;自定义函数的调用方法是：函数名();其中的括号一定不能省略。JavaScript脚本嵌入方式脚本嵌入方式 在HTML中嵌入JavaScript脚本 JavaScript作为一种脚本语言，可以嵌入到HTML文件中。在HTML中嵌入JavaSc

8、ript脚本的方法是使用标记。语法：应用标记是直接执行JavaScript脚本最常用的方法，大部分含有JavaScript的网页都采用这种方法，其中，通过language属性可以设置脚本语言的名称和版本。例如：本实例将实现在HTML中嵌入JavaScript脚本，这里直接在和标记中间写入JavaScript代码，用于弹出一个提示对话框，实例代码如下：在HTML中嵌入JavaScript脚本alert(我很想学习PHP编程，请问如何才能学好这门语言!);在上面的代码中，与标记之间调用JavaScript脚本语言window对象的alert方法，向客户端浏览器弹出一个提示对话框。这里需要注意的是，

9、JavaScript脚本通常写在标记和标记之间。写在标记中间一般是函数和事件处理函数；写在标记中间的是网页内容或调用函数的程序块。JavaScript脚本嵌入方式脚本嵌入方式 应用JavaScript事件调用自定义函数 在Web程序开发过程中，经常需要在表单元素相应的事件下调用自定义函数。例如，在按钮的单击事件下调用自定义函数check()来验证表单元素是否为空，代码如下：然后在该Web表单的当前页写一个check()自定义函数即可。JavaScript脚本嵌入方式脚本嵌入方式 在PHP动态网页中引用JS文件 在网页中，除了在与标记之间编写JavaScript脚本代码，还可以通过标记中的src

10、属性指定外部的JavaScript文件（即JS文件，以.js为扩展名）的路径，从而引用对应的JS文件。语法：其中，url是JS文件的路径，其中language=Javascript可以省略，因为标记默认使用的就是JavaScript脚本语言。JavaScript脚本不仅可以与HTML结合在一起使用，同时也可以与PHP动态网页结合使用，其引用的方法是相同的。使用外部JS文件的优点如下：l 使用JS文件可以将JavaScript脚本代码从网页中独立出来，便于代码的阅读。l 一个外部JS文件，可以同时被多个页面调用。当共用的JavaScript脚本代码需要修改时，只需要修改一个JS文件中的代码即可，

11、便于代码的维护。l 通过标记中的src属性不但可以调用同一个服务器上的JS文件，还可以通过指定路径来调用其他服务器上的JS文件。JavaScript脚本嵌入方式脚本嵌入方式 解决浏览器不支持JavaScript的问题 虽然大多数浏览器都支持JavaScript脚本，但仍有少部分浏览器不支持。如果遇到不支持JavaScript脚本的浏览器，网页会达不到预期效果或出现错误。解决这个问题可以使用以下3种方法。1开启开启IE浏览器对浏览器对JavaScript的支持的支持目前有些支持JavaScript的浏览器为了安全问题关闭了对JavaScript的支持。这时，浏览者可以启用对JavaScript脚

12、本的支持来解决这一问题。具体操作步骤如下：（1）选择IE浏览器的“工具”命令，选择“Internet选项”命令，打开“Internet选项”对话框，选择“安全”选项卡，选择Internet安全设置项，单击“自定义级别”按钮，打开如图7.3所示的对话框。（2）将图中的“Java小程序脚本”和“活动脚本”两个选项设置为启用状态。单击“确定”按钮，即可开启IE浏览器支持JavaScript脚本的功能。2开启开启IE浏览器对本地浏览器对本地JavaScript的支持的支持3应用注释符号验证浏览器是否支持应用注释符号验证浏览器是否支持JavaScript脚本功能脚本功能如果用户不能确定自己的浏览器是否支

13、持JavaScript脚本，那么可以使用HTML提供的注释符号进行验证。HTML注释符号是以“”结束的。如果在此注释符号内编写JavaScript脚本，对于不支持JavaScript的浏览器，将会把编写的JavaScript脚本作为注释处理。JavaScript脚本嵌入方式脚本嵌入方式 解决浏览器不支持JavaScript的问题 4应用应用标记验证浏览器是否支持标记验证浏览器是否支持JavaScript脚本脚本如果用户不能确定浏览器是否支持JavaScript脚本，可以使用标记进行验证。如果当前浏览器支持JavaScript脚本，那么该浏览器将会忽略标记之间的任何内容。如果浏览器不支持JavaScript脚本，那么浏览器将会把这两个标记之间的内容显示出来。通过此标记可以提醒浏览者当前使用的浏览器是否支持JavaScript脚本。Thank you