|
网页开发的前端技术主要包括HTML、DIV+CSS、JavaScript，其中前两种属于静态的，对网页进行装饰布局的，而真正与后台连接的动态技术则是JavaScript，我们要学习后台的PHP应用技术，就要对JavaScript有所了解。所谓动态，就是前台客户有了操作的要求了，它可以体现在话单、按钮、传输数据等多个方面。让我们来看一下JavaScript： 1、 JavaScript可以出现在HTML文档的任何地方，但必须被包含在<script type=”text/javascript”> 和</script>之间，这段代表就被称为JavaScript代码块，在一般情况下，也可以被放在<script language=”javascript”>和</script>之间，它们都有同样的效果。 2、 JavaScript变量 JavaScript变量是用来存储数据的地方。这样在需要用到这个值的时候就可以用它来代表，一个变量可以是数字、文本等。JavaScript变量的命名是要区分大小写的，例如：名为value的变量和Value的变量是不一样的。而且，变量名必须以字母、下划线”_”或美元符号”$”来开头，当然最常用的还是以字母开头。 JavaScript是一种弱类型语言，其中一点就是它对变量的数据类型的要求不严格，所以不必声明每个变量的类型，但从优化的角度上讲，在使用变量之前先进行一下声明是一种好的习惯，以防止一时之间弄错变量类型的后果。在JavaScript中是用var 语句来声明一个变量的，例如：var name = value; 3、 JavaScript的基本语句 JavaScript虽然入门简单，但也是一门精深的语言，要想研究透也不容易，但对于我们这些初学者来说，就不需要了解那么深，掌握个基本的，有些内容能明白意思就行了，究其所然，我们也能想到，其实大部分的网站和网页就那几条对后台的请求操作，你学多了用不上也没意思，倒不如用到时现学也来得及。 这一小段我们我们仅仅来介绍JavaScript几种常用的基本语句： （1） if……else 条件语句 （2） switch 选择语句 （3） for 循环语句 （4） while 循环语句 4、 JavaScript 中简单的对话框 我们通常会使用JavaScript在网页上产生弹出对话框的效果。用JavaScript产生的对话框主要有以下三种： （1） 警告对话框：alert(“message”); ——只起到提醒的作用，无返回值 （2） 确认对话框：confirm(“message”); ——起到确认的作用，返回true 或false （3） 输入对话框：prompt(“message”,”begin”) —用于输入信息，返回用户输入的信息，其中message是提示语句，begin是对话框中的初始值 5、 JavaScript的基本事件 所谓事件，就是用户在与Web页面交互时所产生的各种操作，要求页面给予反应，例如单击页面上的超链接或按钮，就会产生一个单击（click）事件（event）。浏览器为了响应某个事件而进行的处理过程，被称为事件处理。 注意：浏览器在程序运行的大部分时间都在等待事件的发生，事件的发生能够被Web页面中的JavaScript捕捉到，并在事件发生时，自动调用JavaScript的事件处理函数来完成对此事件的处理。 除此之外，浏览器自己的一项动作也会引起事件的发生，例如：当浏览器载入一个Web页面时，就会发生载入（onload）事件，卸载一个页面时，就会发生卸载（upload）事件，现在介绍3种常见的JavaScript事件： (1)鼠标单击事件（onclick）：当鼠标单击页面上的链接或按钮时会触发onclick事件 (2)页面载入（onlaod）和卸载（onUnload）事件：onload发生在页面完全下载完成后，onUnload发生在用户离开（关闭）当前Web页面时。onload事件通常用来检测浏览器的一些信息，如浏览器类型、版本等。 （3）提交事件（onSubmit）：提交事件发生在页面表单的“提交”按钮按下并放开之后。通常用该事件的处理过程验证表单数据的有效性。 6、JavaScript的函数 函数是一个可以完成特定功能可执行的代码块。它由一条或多条JavaScript语句组成，通常将那些会反复使用，或者用来完成特定功能的代码块写成函数，以便于代码的重复使用。 |
