（基础篇）PHP与JavaScript交互
⼀、了解javascript
Javascript是脚本编程语⾔，⽀持WEB应⽤程序的客户端和服务器端构件的开发，在WEB系统中得到了⾮常⼴泛的应⽤。
1、什么是javascript
Javascript是由netscape communication corporation (⽹景公司)开发的，是⼀种基本对象和事件驱动并具有安全性能的解释型脚本语⾔。
它不但可⽤于编写客户端脚本程序，由WEB浏览器解释执⾏;⽽且还可以编写在服务器端执⾏的脚本程序，在服务器端处理⽤户提交的信息并动态地向浏览器返回处理结果。
2、 Javascript的功能
Javascript是⽐较流⾏的⼀种制作⽹页特效的脚本语⾔，它由客户端浏览器解释执⾏，可以应⽤在PHP、ASP、JSP和ASP.NET⽹站中。同时⽬前⽐较热门的ajax就是以javascript为基础，
由此可见，熟练掌握并应⽤javascript对于⽹站开发⼈员⾮常重要。
主要应⽤于以下⼏个⽅⾯：
（1）、在，便于⽹站与⽤户间的沟通，及时响应⽤户的操作，对提交的表单做即时检查，如验证表单元素是否为空，验证表单元素是否是数值型、检测表单元素是否输⼊错误等。
（2）、应⽤js脚本制作⽹站特效，如动态的菜单、浮动的⼴告等，为页⾯增添绚丽的动态效果，使⽤⽹页内容更加丰富、活泼。
（3）、应⽤JS脚本，建⽴复杂的⽹页内容，如打开新窗⼝载⼊⽹页。
（4）、应⽤JS脚本，可以对⽤户的不同事件产⽣不同的响应。
（5）、应⽤JS脚本，制作各种各样的图⽚、⽂字、⿏标、动画和页⾯的效果。
（6）、应⽤JS脚本，制作⼀些⼩游戏。
⼆、Javascript语⾔基础
JS脚本语⾔与其他语⾔⼀样，有其⾃⾝的基本数据类型、表达式和运算符以及程序的基本框架结构。
1、JS的数据类型
主要有6种数据类型：
字符串型：使⽤单引号或双引号括起来的⼀个或多个字符。如”php”等。
数值型：包括整数或浮点数(包含⼩数点的数或科学记数法的数)  如-128、12.9、6.98e6等
布尔型：布尔型常量只有两种状态，即true或false    如urn value=false
对象型：⽤于指定JS程序中⽤到的对象。如⽹页表单元素
NULL值：可以通过给⼀个变量赋null值来清除变量的内容。如a=null
Undefined：表⽰该变量尚未被赋值。如var a
1、JS的变量
变量是指程序中⼀个已经命名的存储单元，它的主要作⽤就是为数据操作提供存放信息的容器。在使⽤变量前，必须明确变量的命名规则、变量的声明⽅法及变量的作⽤域。
（1）、变量的命名规则
必须以字母或下划线开头，中间可以是数字、字母或下划线。
变量名不能包含空格或加号、减号等符号。
JS的变量名是严格区分⼤⼩写的。
不能使⽤JS中的关键字。JS的关键字如下表：
Abstract,continue,finally,instanceof,private,this,boolean,default,float,int,public,throw,break,do,for,interface,
return,typeof,byte,double,function,long,short,true,case,else,goto,native,static,var,catch,extends,implements,new,super,void,char,false,import,null, switch,while,class,final,in,package,synchronized,with
注意：虽然JS的变量可以任意命名，但为了在编程时使⽤代码更加规范，最好使⽤便于记忆、且有意义的变量名称，以增加程序的可读性。
（2）、变量的声明与赋值
在JS中，⼀般使⽤变量前需要先声明变量，但有时变量可以不必先声明，在使⽤时根据变量的实际作⽤来确定其所属的数据类型。所有的JS变量都由关键字var声明。
语法如下：
Varexample;
在声明变量的同时也可以对变量进⾏赋值：
Varexample=100;
建议读者在使⽤变量前就对其声明，因为声明变量最⼤好处就是能及时发现代码中的错误。由于JS是采⽤动态编译的，
⽽动态编译是不易于发现代码中的错误的，特别是变量命名⽅⾯的错误。
声明变量时所遵循的规则如下：
可以使⽤⼀个关键字var同时声明多个变量，例如：
Var I,j;
可以在声明变量的同时对其进⾏赋值，即为初始化：例如：
Var i=1;j=100;
如果只是声明了变量，并未对其赋值，则其值默认为undefined.
在JS中，可以使⽤分号代表⼀个语句的结束，如果每个语句都在不同的⾏中，那么分号可以省略，如果多个语句在同⼀⾏中，
那么分号就不能省略。建议⼤家，不省略分号，以养成良好的编程习惯。
例：
Var i=100;
Var str=”有⼀条路，⾛过总会想起。”;
Var content=true;
在程序开发过程中，可以使⽤var语句多次声明同⼀个变量，如果重复声明的变量已经有⼀个初始值，那么此时的声明变就相当于对变量重新赋值。
2、JS的注释
在JS中，采⽤的注释⽅法有2种：
（1）、单⾏注释
单⾏注释使⽤  //  进⾏标识。// 符号后⾯的⽂字都不能被程序解释执⾏。
（2）、多⾏注释
多⾏注释使⽤“/*  */”进⾏标识。“/* …… */”符号中间的⽂字不被程序解释执⾏。
多⾏注释中可以嵌套单⾏注释，但不能嵌套多⾏注释。因为第⼀个 /* 会与其后⾯第⼀个 */ 相匹配，从⽽使后⾯的注释不起作⽤，甚⾄引起程序出错。
另外，JS还能识别HTML注释的开始部分  <!--  JS会将其看作为单⾏注释结束，如使⽤ //  ⼀样。但JS不能识别HTML注释的结束部分  -->.
这种现象存在的主要原因是：在JS中，如果第⼀⾏以 <!--  开始，最后⼀⾏以 --> 结束，那么其间的程序就包含在⼀个完整的HTML注释中，
会被不⽀持JS的浏览器忽略掉，不能被显⽰。如果第⼀⾏以 <!--  开始，最后⼀⾏以  //-->结束，JS会将两⾏都忽略掉，⽽不会忽略这两⾏之间的部分。⽤这种⽅式可以针对那些⽆法理解JS的浏览器⽽隐藏代码，⽽对那些可以理解JS的浏览器则不必隐藏。
三、⾃定义函数
⾃定义函数就是由⽤户⾃⼰命名并且书写的能实现特定功能的程序单元。⽤户使⽤的⾃定义函数必须事先声明，不能直接使⽤没有声明过的⾃定义函数.
JS⽤function来定义函数，语法如下：
Function 函数名(参数){
Return var;
}
⾃定义函数的调⽤⽅法是：
函数名();
其中的括号⼀定不能省略。
例：
<scriptlanguage="javascript">
function chengji(a,b){
return a*b;
}
document.write("输出的结果是："+chengji(15,3));
</script>
执⾏后的结果是：
输出的结果是：45
在同⼀个页⾯不能定义名称相同的函数，另外，当⽤户⾃定义函数后，需要对该函数进⾏引⽤，否则⾃定义函数将失去意义。
四、Javascript流程控制语句
php语言处理什么的
所谓流程控制语句就是对语句中不同条件的值进⾏判断，从⽽根据不同的条件执⾏不同的语句。在JS中，流程控制语句可以分为条件语句、循环语句和跳转语句。
1、条件语句
在条件控制语句中主要包括两种：⼀种是IF条件语句，另⼀种是Switch多分⽀语句。
2、循环语句
3、跳转语句
五、Javascript事件
JS是基于对象的语⾔。它的⼀个最基本的特证就是采⽤事件驱动。事件是某此动作发⽣时产⽣的信号，这些事件随时都可能发⽣。引起事件发⽣的动作称之为触发事件。
⿏标键盘事件
Onclick        ⿏标单击时触发此事件
Ondblclick  ⿏标双击时触发此事件
Onmousedown 按下⿏标时触发此事件
Onmouseup ⿏标按下后松开⿏标时触发此事件
Onumoseover  ⿏标移动到某对象范围上⽅时触发
Onumosemove ⿏标移动时触发此事件
Onmoseout  ⿏标离开某个对象范围时触发此事件
Onkeypress  当键盘上的某个按键被按下并且释放时触发
Onkeydown 当键盘上的某个按键被按下时触发此事件
Onkeyup 当键盘上的某个按键被按下后松开时触发
页⾯相关事件
onabort 图⽚在下载时被⽤户中断时触发此事件
Onload 页⾯内容完成时触发此事件(页⾯加载事件)
Onresize 当浏览器的窗⼝⼤⼩被改变时触发此事件
Onumload 当前页⾯将被改变时触发此事件
表单相关事件
onblur 当前元素失去焦点时触发此事件
Onchange 当前元素失去焦点且⽆素的内容发⽣改变时
Onfocus 当前元素获得焦点时触发此事件
Onreset 当表单中reset的属性被激活时触发些事件
Onsubmit ⼀个表单被递交时触发此事件
滚动字幕事件
onbounce 在marquee内的内容移动到marquee显⽰范围之外时触发此事件Onfinish 当marquee元素完成需要显⽰的内容后触发
Onstart 当marquee元素开始显⽰内容时触发此事件
在PHP中应⽤js脚本中的事件调⽤⾃定义函数是程序开发过程中经常使⽤的⽅法。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。