PHP与JavaScript交互的详细介绍
了解JavaScript什么是JavaScriptJavaScript的功能
JavaScript语言基础JavaScript数据类型JavaScript变量变量的命名规则变量的声明与赋值
JavaScript注释
自定义函数自定义函数语法格式如下:自定义函数的调用方法是:JavaScript流程控制语句条件语句循环语句跳转语句
JavaScript事件应用JavaScript事件调用自定义函数JavaScript脚本嵌入方式在HTML中嵌入JavaScript脚本在PHP动态网页中引用JavaScript文件
了解JavaScript
什么是JavaScript
JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。
JavaScript的功能
嵌入动态文本于HTML页面。对浏览器事件做出响应。读写HTML元素。在数据被提交到服务器之前验证数据。检测访客的浏览器信息。控制cookies,包括创建和修改等。基于Node.js技术进行服务器端编程。
JavaScript语言基础
JavaScript脚本语言与其他语言一样,有其自身的基本数据类型、表达式、运算符以及程序的基本框架结构。
JavaScript数据类型
字符串型
"php" 'i like study php' 'for in love'
数值型
-185 12.9 7.24e8
布尔型
event.return Value = true elements[i].checked = false
对象型
如网页表单元素
用于指定JavaScript程序中用到的对象
Null值
a = null
可以通过给一个变量赋值null值来清除变量的内容
Undefined
var a
表示该变量尚未被赋值
JavaScript变量
变量是指程序中一个已经命名的存储单元,它的主要作用是为数据操作提供存放信息的容器。 注意事项:在使用变量前,必须明确变量的命名规则、变量的声明方法及变量的作用域。
变量的命名规则
必须以字母或下划线开头,中间可以是数字、字母或下划线。不能包含空格或加号、减号等符号。严格区分大小写。例如:User 和 user代表两个不同的变量。不能使用JavaScript中的关键字。
变量的声明与赋值
可以使用关键字var同时声明多个变量。可以在声明变量的同时对其赋值,即进行变量初始化。如果只声明了变量,并未对其赋值,则其默认值为underfined。
var i,j; //定义变量i为数值型
var str="好好学习,天天向上";content=true; //定义变量str为字符串型,变量content为布尔型
JavaScript注释
单行注释
//单行注释
多行注释
/*
多行注释
*/
另外,JavaScript还能识别HTML注释的开始部分“
在JavaScript中,如果第一行以“”结束,那么其间的程序就包含在一个完整的HTML注释中,会被不支持JavaScript的浏览器忽略掉,不能被显示。在JavaScript中,如果第一行以“”结束,JavaScript会将两行都忽略掉,而不忽略这两行之间的部分。用这种方式可以针对那些无法理解JavaScript的浏览器而隐藏代码,而对那些可以理解JavaScript的浏览器不必隐藏。
自定义函数
自定义函数就是由用户自己命名并编写的能实现特定功能的程序单元。用户使用的自定义函数必须事先声明,不能直接使用没有声明过的函数。
自定义函数语法格式如下:
function 函数名([参数]){
return var;
}
自定义函数的调用方法是:
函数名();
示例:自定义calculate()函数,实现两个数的乘积,然后在函数体外调用calculate()并传递两个参数,最后应用document.write()对象输出结果
function calculate(a,b){
return a*b;
}
document.write(calculate(15,15));
结果为:225
JavaScript流程控制语句
条件语句
if条件语句 switch分支语句
循环语句
while循环语句 for循环语句
跳转语句
break语句 continue语句
JavaScript事件
JavaScript是基于对象的语言,最基本的就是采用事件驱动机制。事件是某些动作发生时产生的信号,这些事情随时都可能发生。引起事件发生的动作称为触发事件,例如:当鼠标指针经过某个按钮、用户单击了解某个链接、用户选中某个复选框、用户在文本框中输入某些信息等,都会触发相应的事件。
应用JavaScript事件调用自定义函数
在Web程序开发过程中,经常需要在表单元素相应的事件下调用自定义函数。 示例1: 在按钮的单击事件下调用自定义函数check()来验证表单元素是否为空
然后在该表单的当前页中编写一个check()自定义函数即可。
示例2: 使用if条件语句判断指定的年份是否为闰年 创建一个表单元素,添加一个下拉列表框,命名为year,在input标记的属性中添加onClick事件,调用自定义函数check()