加入收藏 | 设为首页 | 会员中心 | 我要投稿 晋中站长网 (https://www.0354zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > PHP教程 > 正文

PHP学习笔记-PHP与JavaScript的交互

发布时间:2022-10-15 07:31:31 所属栏目:PHP教程 来源:转载
导读: 可以使用一个关键字var同时声明多个变量,例如:
var i,j;
可以在声明变量的同时对其赋值,即为初始化,例如:
var i=1;j=100;
如果只是声明了变量,并未对其赋值,则其值默认为undefined

可以使用一个关键字var同时声明多个变量,例如:

var i,j;

可以在声明变量的同时对其赋值,即为初始化,例如:

var i=1;j=100;

如果只是声明了变量,并未对其赋值,则其值默认为undefined

在JavaScript中,采用的注释方法有两种:

1.单行注释

单行注释使用“//”进行标识。“//”符号后面的文字都不被程序解释执行。例如:

//这里是程序代码的注释

2.多行注释

多行注释使用“/…/”进行标识。“/…/”符号后面的文字不被程序解释执行。例如:

/*
这里是多行程序注释
*/

3、对HTML注释开始部分的识别”。

自定义函数

自定义函数就是由用户自己命名并编写的能实现特定功能的程序单元。用户使用的自定义函数必须事先声明,不能直接使用没有声明过的自定义函数。

JavaScript用function来定义函数,语法格式如下:

function 函数名([参数]){
    return var;
}

例如:


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"
        />
    <title>PHP语言基础title>
head>
<body>
<script language="JavaScript">
    function add(a,b){
        return a+b;
    }
    document.write("2+6="+add(2,6));
    alert("运行结果:"+add(2,6));
script>
<?php
header("Content-Type:text/html;   charset=gb2312");
?>
body>
html>

运行结果:

这里写图片描述

JavaScript流程控制语句 条件语句

条件控制语句主要包括两种:一种是if条件语句,另一种是switch多分支语句。在JavaScript中,可以使用单一的if条件语句,也可以使用两个或者多重选择的if条件语句

1.if条件语句

if语句是最基本、最常用的条件控制语句。通过判断条件表达式的值为true或者false,来确定是否执行某一条语句。

语法格式如下:

 if(条件表达式){
      语句块
 }

在if语句中,只有当条件表达式的值为true时,才会执行“语句块”中的语句,否则将跳过语句块,执行其他程序语句。其中,大括号“{}”的作用是将多条语句组成一个语句块,作为一个整体进行处理。如果语句块中只有一条语句,也可以省略大括号。一般情况下,建议不要省略大括号,以免出现程序错误。

if…else语句也是if语句的标准形式,是双分支条件语句。

 if(条件表达式)
     {
         语句块1;
     } 
    else
    {
         语句块2;
    }

在if…else语句中,当条件表达式的值为true时,将执行“语句块1”中的语句;当“条件表达式”的值为false时,将跳过“语句块1”而执行“语句块2”中的语句。

2.switch分支语句

虽然使用if语句可以实现多分支的条件语句,但在选择分支比较多的情况下,使用if多分支条件语句就会降低程序的执行效率。JavaScript中的switch语句可以针对给出的表达式或者变量的不同值来选择执行的语句块,从而提高程序运行速度。

switch(表达式或变量){
     case 常量表达式1:
     语句块1;
     break;
     case常量表达式2:
     语句块2;
     break;
      …
case常量表达式n:
    语句块n;
    break;
     default:
    语句块n+1;
    break;
} 

循环语句

for语句是一种常用的循环控制语句。在for语句中,可以应用循环变量来明确循环的次数和具体的循环条件。for语句通常使用一个变量作为计数器来执行循环的次数,这个变量就称为循环变量。

语法格式如下:

for (初始化循环变量;循环条件;确定循环变量的改变值){
    语句块;
 }

在for语句的小括号中包含3部分内容:

初始化循环变量:该表达式的作用是声明循环变量并进行初始化赋值。在for语句之前也可以对循环变量进行声明和赋值。循环条件:该表达式是基于循环变量的一个条件表达式,如果条件表达式的返回值为true,则执行循环体内的语句块。循环体内的语句执行完毕后将重新判断此表达式,直到条件表达式的返回值为false时终止循环。确定循环变量的改变值:该条件表达式用于操作循环变量的改变值。每次执行完循环体内的语句后,在判断循环条件之前,都将执行此表达式。

注意:for语句可以使用break语句来终止循环语句的执行。break语句默认情况下是终止当前的循环语句。

跳转语句

跳转语句是在循环控制语句的循环体中的指定位置或是满足一定条件的情况下直接退出循环。JavaScript跳转语句分为break语句和continue语句。

1.break语句

break语句用来终止执行其后面的程序并跳出循环,或者结束switch语句。语法格式如下:

break;

2.continue语句

continue语句与break语句的作用不同。continue语句是只跳出本次循环并立即进入到下一次循环;break语句则是跳出循环后结束整个循环。

语法格式如下:

continue;

JavaScript事件

JavaScript是基于对象的语言。它的一个最基本的特征就是采用事件驱动。事件是某些动作发生时产生的信号,这些事件随时都可能发生。引起事件发生的动作称之为触发事件php交互,例如,当鼠标指针经过某个按钮、用户单击了某个链接、用户选中了某个复选框、用户在文本框中输入某些信息等,都会触发相应的事件。下面以表格的形式对各事件进行说明。

这里写图片描述

这里写图片描述

这里写图片描述

在PHP中调用JavaScript脚本

1、应用JavaScript脚本验证表单元素是否为空:

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>应用JavaScript脚本验证表单元素是否为空title>
head>
<script language="javascript" >
    function mycheck() {
        if (myform.user.value == "") {
            alert("用户名称不能为空!!");
            myform.user.focus();
            return false;
        }
        if (myform.pwd.value == "") {
            alert("用户密码不能为空!!");
            myform.pwd.focus();
            return false;
        }
    }
script>
<body>
<form name="myform" method="post" action="">
    <table width="532" height="183" align="left" cellpadding="0" cellspacing="0" bgcolor="#CCFF66"
           background="images/bg.jpg">
        <tr>
            <td height="71" colspan="2" align="center"> td>
        tr>
        <tr>
            <td width="249" height="30" align="center"> td>
            <td width="281" align="left">
                用户名:<input name="user" type="text" id="user" size="20"> <br><br>
                密  码:<input name="pwd" type="password" id="pwd" size="20">
            td>
        tr>
        <tr>
            <td height="43" align="center"> td>
            <td height="43" align="center">
                <input type="submit" name="submit" onClick="return mycheck();" value="登录"> 
                <input type="reset" name="Submit2" value="重置">
            td>
        tr>
    table>
form>
<?php
header("Content-Type:text/html;   charset=gb2312");
?>
body>
html>

(1) 在上面的代码中,在“登录”按钮的表单元素中添加了一个onClick鼠标单击事件,调用自定义函数mycheck(),代码如下:

type="submit" name="submit" onClick="return mycheck();" value="登录">;

(2) 在表单元素外应用function定义一个函数mycheck(),用来验证表单元素是否为空,在mycheck()函数中,应用if条件语句判断表单提交的用户名和密码是否为空,如果为空,弹提示,自定函数如下:

function mycheck() {
        if (myform.user.value == "") {
            alert("用户名称不能为空!!");
            myform.user.focus();
            return false;
        }
        if (myform.pwd.value == "") {
            alert("用户密码不能为空!!");
            myform.pwd.focus();
            return false;
        }
    }

运行结果:

这里写图片描述

(编辑:晋中站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!