第7章PHP与JavaScript

,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,*,Click to edit Master title style,PHP,与,JavaScript,了解,JavaScript,JavaScript,是由,Netscape Communication Corporation,（网景公司）开发的，是一种基于对象和事件驱动并具有安全性能的解释型脚本语言。它不但可用于编写客户端的脚本程序，由,Web,浏览器解释执行；而且还可以编写在服务器端执行的脚本程序，在服务器端处理用户提交的信息并动态地向浏览器返回处理结果。,JavaScript,是什么,JavaScript,是比较流行的一种制作网页特效的脚本语言，它由客户端浏览器解释执行，可以应用在,PHP,、,ASP,、,JSP,和,ASP.NET,网站中，同时目前比较热门的,Ajax,就是以,JavaScript,为基础，由此可见，熟练掌握并应用,JavaScript,对于网站开发人员非常重要。,JavaScript,主要应用于以下几个方面：,在网页中加入,JavaScript,脚本代码，可以使网页具有动态交互的功能，便于网站与用户间的沟通，及时响应用户的操作，对提交的表单做即时检查，如验证表单元素是否为空，验证表单元素是否是数值型、检测表单元素是否输入错误等。,应用,JavaScript,脚本制作网页特效，如动态的菜单、浮动的广告等，为页面增添绚丽的动态效果，使网页内容更加丰富、活泼。,应用,JavaScript,脚本，建立复杂的网页内容，如打开新窗口载入网页。,应用,JavaScript,脚本可以对用户的不同事件产生不同的响应。,应用,JavaScript,制作各种各样的图片、文字、鼠标、动画和页面的效果。,应用,JavaScript,制作一些小游戏。,JavaScript,的功能,JavaScript,语言基础,JavaScript,主要有,6,种数据类型，如表所示。,JavaScript,数据类型,JavaScript,语言基础,变量是指程序中一个已经命名的存储单元，它的主要作用就是为数据操作提供存放信息的容器。在使用的变量前，必须明确变量的命名规则、变量的声明方法及变量的作用域。,1,变量的命名规则,JavaScript,变量的命名规则如下：,必须以字母或下划线开头，中间可以是数字、字母或下划线。,变量名不能包含空格或加号、减号等符号。,JavaScript,的变量名是严格区分大小写的。例如，,User,与,user,代表两个不同的变量。,不能使用,JavaScript,中的关键字。,JavaScript,的关键字如表所示。,JavaScript,变量,JavaScript,语言基础,2,变量的声明与赋值,在,JavaScript,中，一般使用变量前需要先声明变量，但有时变量可以不必先声明，在使用时根据变量的实际作用来确定其所属的数据类型。所有的,JavaScript,变量都由关键字,var,声明。,语法：,var,variable,;,在声明变量的同时也可以对变量进行赋值：,var variable=11;,声明变量时所遵循的规则如下：,可以使用一个关键字,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,单行注释,单行注释使用“,/”,进行标识。“,/”,符号后面的文字都不被程序解释执行。例如：,/,这里是程序代码的注释,2,多行注释,多行注释使用“,/*/”,进行标识。“,/*/”,符号后面的文字不被程序解释执行。例如：,/*,这里是多行程序注释,*/,另外，,JavaScript,还能识别,HTML,注释的开始部分“,”,。,这种现象存在的主要原因是：在,JavaScript,中，如果第一行以“,”,结束，那么其间的程序就包含在一个完整的,HTML,注释中，会被不支持,JavaScript,的浏览器忽略掉，不能被显示。如果第一行以“,”,结束，,JavaScript,会将两行都忽略掉，而不会忽略这两行之间的部分。用这种方式可以针对那些无法理解,JavaScript,的浏览器而隐藏代码，而对那些可以理解,JavaScript,的浏览器则不必隐藏。,JavaScript,注释,自定义函数,自定义函数就是由用户自己命名并且书写的能实现特定功能的程序单元。用户使用的自定义函数必须事先声明，不能直接使用没声明过的自定义函数。函数体,JavaScript,用,function,来定义函数，语法格式如下：,function,函数名,(,参数,),return var;,自定义函数的调用方法是：,函数名,();,其中的括号一定不能省略。,JavaScript,脚本嵌入方式,在,HTML,中嵌入,JavaScript,脚本,JavaScript,作为一种脚本语言，可以嵌入到,HTML,文件中。在,HTML,中嵌入,JavaScript,脚本的方法是使用,标记。,语法：,应用,标记是直接执行,JavaScript,脚本最常用的方法，大部分含有,JavaScript,的网页都采用这种方法，其中，通过,language,属性可以设置脚本语言的名称和版本。,例如：本实例将实现在,HTML,中嵌入,JavaScript,脚本，这里直接在,和,标记中间写入,JavaScript,代码，用于弹出一个提示对话框，实例代码如下：,在,HTML,中嵌入,JavaScript,脚本,alert(,我很想学习,PHP,编程，请问如何才能学好这门语言,!);,在上面的代码中，,与,标记之间调用,JavaScript,脚本语言,window,对象的,alert,方法，向客户端浏览器弹出一个提示对话框。这里需要注意的是，,JavaScript,脚本通常写在,标记和,标记之间。写在,标记中间一般是函数和事件处理函数；写在,标记中间的是网页内容或调用函数的程序块。,JavaScript,脚本嵌入方式,应用,JavaScript,事件调用自定义函数,在,Web,程序开发过程中，经常需要在表单元素相应的事件下调用自定义函数。例如，在按钮的单击事件下调用自定义函数,check(),来验证表单元素是否为空，代码如下：,然后在该,Web,表单的当前页写一个,check(),自定义函数即可。,JavaScript,脚本嵌入方式,在,PHP,动态网页中引用,JS,文件,在网页中，除了在,与,标记之间编写,JavaScript,脚本代码，还可以通过,标记中的,src,属性指定外部的,JavaScript,文件（即,JS,文件，以,.js,为扩展名）的路径，从而引用对应的,JS,文件。,语法：,其中，,url,是,JS,文件的路径，其中,language,=,Javascript,可以省略，因为,标记默认使用的就是,JavaScript,脚本语言。,JavaScript,脚本不仅可以与,HTML,结合在一起使用，同时也可以与,PHP,动态网页结合使用，其引用的方法是相同的。使用外部,JS,文件的优点如下：,使用,JS,文件可以将,JavaScript,脚本代码从网页中独立出来，便于代码的阅读。,一个外部,JS,文件，可以同时被多个页面调用。当共用的,JavaScript,脚本代码需要修改时，只需要修改一个,JS,文件中的代码即可，便于代码的维护。,通过,标记中的,src,属性不但可以调用同一个服务器上的,JS,文件，还可以通过指定路径来调用其他服务器上的,JS,文件。,JavaScript,脚本嵌入方式,解决浏览器不支持,JavaScript,的问题,虽然大多数浏览器都支持,JavaScript,脚本，但仍有少部分浏览器不支持。如果遇到不支持,JavaScript,脚本的浏览器，网页会达不到预期效果或出现错误。解决这个问题可以使用以下,3,种方法。,1,开启,IE,浏览器对,JavaScript,的支持,目前有些支持,JavaScript,的浏览器为了安全问题关闭了对,JavaScript,的支持。这时，浏览者可以启用对,JavaScript,脚本的支持来解决这一问题。具体操作步骤如下：,（,1,）选择,IE,浏览器的“工具”命令，选择“,Internet,选项”命令，打开“,Internet,选项”对话框，选择“安全”选项卡，选择,Internet,安全设置项，单击“自定义级别”按钮，打开如图,7.3,所示的对话框。,（,2,）将图中的“,Java,小程序脚本”和“活动脚本”两个选项设置为启用状态。单击“确定”按钮，即可开启,IE,浏览器支持,JavaScript,脚本的功能。,2,开启,IE,浏览器对本地,JavaScript,的支持,3,应用注释符号验证浏览器是否支持,JavaScript,脚本功能,如果用户不能确定自己的浏览器是否支持,JavaScript,脚本，那么可以使用,HTML,提供的注释符号进行验证。,HTML,注释符号是以“,”,结束的。如果在此注释符号内编写,JavaScript,脚本，对于不支持,JavaScript,的浏览器，将会把编写的,JavaScript,脚本作为注释处理。,JavaScript,脚本嵌入方式,解决浏览器不支持,JavaScript,的问题,4,应用,标记验证浏览器是否支持,JavaScript,脚本,如果用户不能确定浏览器是否支持,JavaScript,脚本，可以使用,标记进行验证。,如果当前浏览器支持,JavaScript,脚本，那么该浏览器将会忽略,标记之间的任何内容。如果浏览器不支持,JavaScript,脚本，那么浏览器将会把,这两个标记之间的内容显示出来。通过此标记可以提醒浏览者当前使用的浏览器是否支持,JavaScript,脚本。,Thank you,