JavaScript
JavaScript 是世界上最流行的脚本语言。
JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。
JavaScript 被设计为向 HTML 页面增加交互性。
许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的 JavaScript 片段添加到网页中。
JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
JavaScript 很容易学习。
JavaScript：写入 HTML 输出
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
<!DOCTYPE html> <html> <head> <title>JavaScript：写入 HTML 输出</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body> <p> JavaScript 能够直接写入 HTML 输出流中： </p> <script> document.write("<h1>This is a heading</h1>"); document.write("<p>This is a paragraph.</p>"); </script> <p> 您只能在 HTML 输出流中使用 <strong>document.write</strong>。 如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。 </p> </body> </html> |
JavaScript：对事件作出反应
<button type="button" onclick="alert('Welcome!')">点击这里</button> <!DOCTYPE html> <html> <head> <title>JavaScript：对事件作出反应</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body> <h1>我的第一段 JavaScript</h1> <p> JavaScript 能够对事件作出反应。比如对按钮的点击： </p> <button type="button" onclick="alert('Welcome!')">点击这里</button> </body> </html> |
JavaScript：改变 HTML 内容
x=document.getElementById("demo") //查找元素 x.innerHTML="Hello JavaScript"; //改变内容 |
<!DOCTYPE html> <html> <head> <title>JavaScript：改变 HTML 内容</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body> <h1>我的第一段 JavaScript</h1> <p id="demo"> JavaScript 能改变 HTML 元素的内容。 </p> <script> function myFunction() { x = document.getElementById("demo"); // 找到元素 x.innerHTML = "Hello JavaScript!"; // 改变内容 } </script> <button type="button" onclick="myFunction()">点击这里</button> </body> </html> |
JavaScript：改变 HTML 样式
x=document.getElementById("demo") //找到元素 x.style.color="#ff0000"; |
<!DOCTYPE html> <html> <head> <title>JavaScript：改变 HTML 内容</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body> <script> function changeImage() { element = document.getElementById('myimage') if (element.src.match("bulbon")) { element.src = "http://www.w3school.com.cn/i/eg_bulboff.gif"; } else { element.src = "http://www.w3school.com.cn/i/eg_bulbon.gif"; } } </script>  <p>点击灯泡来点亮或熄灭这盏灯</p> </body> </html> |
<!DOCTYPE html> <html> <head> <title>JavaScript：改变 HTML 内容</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body> <h1>我的第一段 JavaScript</h1> <p id="demo"> JavaScript 能改变 HTML 元素的样式。 </p> <script> function myFunction() { x = document.getElementById("demo") // 找到元素 x.style.color = "#ff0000"; // 改变样式 } </script> <button type="button" onclick="myFunction()">点击这里</button> </body> </html> |
JavaScript：验证输入
if isNaN(x) {alert("Not Numeric")};
<!DOCTYPE html> <html> <head> <title>JavaScript：改变 HTML 内容</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body> <h1>我的第一段 JavaScript</h1> <p>请输入数字。如果输入值不是数字，浏览器会弹出提示框。</p> <input id="demo" type="text"> <script> function myFunction() { var x = document.getElementById("demo").value; if (x == "" || isNaN(x)) { alert("Not Numeric"); } } </script> <button type="button" onclick="myFunction()">点击这里</button> </body> </html> |
JSON
JSON：JavaScript 对象表示法（JavaScript Object Notation）。
JSON 是存储和交换文本信息的语法。类似 XML。
JSON 比 XML 更小、更快，更易解析。
什么是 JSON ？
JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）
JSON 是轻量级的文本数据交换格式
JSON 独立于语言 *
JSON 具有自我描述性，更易理解
JSON 使用 JavaScript 语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。
JSON 语法规则
JSON 语法是 JavaScript 对象表示法语法的子集。
数据在名称/值对中
数据由逗号分隔
花括号保存对象
方括号保存数组
JSON 名称/值对
JSON 数据的书写格式是：名称/值对。
名称/值对包括字段名称（在双引号中），后面写一个冒号，然后是值：
"firstName" : "John"
JSON 值
JSON 值可以是：
数字（整数或浮点数）
字符串（在双引号中）
逻辑值（true 或 false）
数组（在方括号中）
对象（在花括号中）
null
JSON 对象
JSON 对象在花括号中书写：
对象可以包含多个名称/值对：
{ "firstName":"John" , "lastName":"Doe" }
JSON 数组在方括号中书写：
数组可包含多个对象：
{ "employees": [ { "firstName":"John" , "lastName":"Doe" }, { "firstName":"Anna" , "lastName":"Smith" }, { "firstName":"Peter" , "lastName":"Jones" } ] } |
在上面的例子中，对象 "employees" 是包含三个对象的数组。每个对象代表一条关于某人（有姓和名）的记录。
V. Web测试服务端技术
PHP基础
PHP 是一种创建动态交互性站点的强有力的服务器端脚本语言。
PHP 是免费的，并且使用广泛。对于像微软 ASP 这样的竞争者来说，PHP 无疑是另一种高效率的选项。
什么是 PHP？
PHP 是 "PHP Hypertext Preprocessor" 的首字母缩略词
PHP 是一种被广泛使用的开源脚本语言
PHP 脚本在服务器上执行
PHP 没有成本，可供免费下载和使用
PHP 是一门令人惊叹的流行语言！
它强大到足以成为在网络上最大的博客系统的核心（WordPress）！
它深邃到足以运行最大的社交网络（facebook）！
而它的易用程度足以成为初学者的首选服务器端语言！
什么是 PHP 文件？
PHP 文件能够包含文本、HTML、CSS 以及 PHP 代码
PHP 代码在服务器上执行，而结果以纯文本返回浏览器
PHP 文件的后缀是 ".php"
PHP 能够做什么？
PHP 能够生成动态页面内容
PHP 能够创建、打开、读取、写入、删除以及关闭服务器上的文件
PHP 能够接收表单数据
PHP 能够发送并取回 cookies
PHP 能够添加、删除、修改数据库中的数据
PHP 能够限制用户访问网站中的某些页面
PHP 能够对数据进行加密
通过 PHP，可以不受限于只输出 HTML。还能够输出图像、PDF 文件、甚至 Flash 影片。也可以输出任何文本，比如 XHTML 和 XML。
为什么使用 PHP？
PHP 运行于各种平台（Windows, Linux, Unix, Mac OS X 等等）
PHP 兼容几乎所有服务器（Apache, IIS 等等）
PHP 支持多种数据库
PHP 是免费的。请从官方 PHP 资源下载：www.php.net
PHP 易于学习，并可高效地运行在服务器端
我需要怎么开始？
如需开始使用 PHP，可以：
使用支持 PHP 和 MySQL 的 web 主机
在 PC 上安装 web 服务器，然后安装 PHP 和 MySQL。
使用支持 PHP 的 Web 主机
如果服务器支持 PHP，那么无需做任何事情。
只要创建 .php 文件，然后上传到 web 目录中即可。服务器会自动对它们进行解析。
无需编译或安装任何额外的工具。
因为 PHP 是免费的，大多数 web 主机都支持 PHP。
在 PC 上运行 PHP
不过如果服务器不支持 PHP，那么必须：
安装 web 服务器
安装 PHP
安装数据库，比如 MySQL
基础 PHP 语法
PHP 脚本可放置于文档中的任何位置。
PHP 脚本以 <?php 开头，以 ?> 结尾：
<?php
// 此处是 PHP 代码
?>
<!DOCTYPE html> <html> <head> <title>PHP页面</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body> <h1>我的第一张 PHP 页面</h1> <?php echo "Hello World!"; ?> </body> </html> |
PHP 文件的默认文件扩展名是 ".php"。
PHP 文件通常包含 HTML 标签以及一些 PHP 脚本代码。
PHP 支持三种注释：
<?php // 这是单行注释 # 这也是单行注释 /* 这是多行注释块 它横跨了 多行 */ ?> <!DOCTYPE html> <html> <head> <title>PHP 支持三种注释</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body> <?php // 这是单行注释 # 这也是单行注释 /* 这是多行注释块 它横跨了 多行 */ echo "Hello World!"; ?> </body> </html> |
PHP 大小写不敏感
<?php ECHO "Hello World!<br>"; echo "Hello World!<br>"; EcHo "Hello World!<br>"; ?> |
<!DOCTYPE html> <html> <head> <title>PHP 大小写不敏感</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body> <?php ECHO "Hello World!<br>"; echo "Hello World!<br>"; EcHo "Hello World!<br>"; ?> </body> </html> PHP 变量大小写敏感 <?php $color="red"; echo "My car is " . $color . "<br>"; echo "My house is " . $COLOR . "<br>"; echo "My boat is " . $coLOR . "<br>"; ?> <!DOCTYPE html> <html> <head> <title>PHP 变量大小写敏感</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body> <?php $color="red"; echo "My car is " . $color . "<br>"; echo "My house is " . $COLOR . "<br>"; echo "My boat is " . $coLOR . "<br>"; ?> </body> </html> |
PHP进阶
PHP表单处理
$_GET 是通过 URL 参数传递到当前脚本的变量数组。
$_POST 是通过 HTTP POST 传递到当前脚本的变量数组。
<!DOCTYPE html> <html> <head> <title>PHP 表单处理</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body> <form action="welcome.php" method="post"> Name: <input type="text" name="name"> <br> E-mail: <input type="text" name="email"> <br> <input type="submit"> </form> </body> </html> welcome.php <html> <body> Welcome <?php echo $_POST["name"]; ?><br> Your email address is: <?php echo $_POST["email"]; ?> </body> </html> |
PHP 日期
<?php echo "今天是 " . date("Y/m/d") . "<br>"; echo "今天是 " . date("Y.m.d") . "<br>"; echo "今天是 " . date("Y-m-d") . "<br>"; echo "今天是 " . date("l"); ?> |
date() 函数的格式参数是必需的，它们规定如何格式化日期或时间。
下面列出了一些常用于日期的字符：
d - 表示月里的某天（01-31）
m - 表示月（01-12）
Y - 表示年（四位数）
1 - 表示周里的某天
<!DOCTYPE html> <html> <head> <title>PHP 日期</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body> <?php echo "今天是 " . date("Y/m/d") . "<br>"; echo "今天是 " . date("Y.m.d") . "<br>"; echo "今天是 " . date("Y-m-d") . "<br>"; echo "今天是 " . date("l"); ?> </body> </html> |
VI. Web测试数据库技术
ODBC
ODBC 是一种应用程序编程接口（Application Programming Interface，API），使我们有能力连接到某个数据源（比如一个 MS Access 数据库）。
创建 ODBC 连接
通过一个 ODBC 连接，您可以连接到您的网络中的任何计算机上的任何数据库，只要 ODBC 连接是可用的。
这是创建到达 MS Access 数据的 ODBC 连接的方法：
在控制面板中打开管理工具
双击其中的数据源 (ODBC) 图标
选择系统 DSN 选项卡
点击系统 DSN 选项卡中的“添加”按钮
选择 Microsoft Access Driver。点击完成。
在下一个界面，点击“选择”来定位数据库。
为这个数据库取一个数据源名 (DSN)。
点击确定。
连接到 ODBC
odbc_connect() 函数用于连接到 ODBC 数据源。该函数有四个参数：数据源名、用户名、密码以及可选的指针类型参数。
odbc_exec() 函数用于执行 SQL 语句。
$conn=odbc_connect('northwind','',''); $sql="SELECT * FROM customers"; $rs=odbc_exec($conn,$sql); |
<!DOCTYPE html> <html> <head> <title>PHP ODBC连接 </title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body> <?php $conn=odbc_connect('northwind','',''); if (!$conn) {exit("Connection Failed: " . $conn);} $sql="SELECT * FROM customers"; $rs=odbc_exec($conn,$sql); if (!$rs) {exit("Error in SQL");} echo "<table><tr>"; echo "<th>Companyname</th>"; echo "<th>Contactname</th></tr>"; while (odbc_fetch_row($rs)) { $compname=odbc_result($rs,"CompanyName"); $conname=odbc_result($rs,"ContactName"); echo "<tr><td>$compname</td>"; echo "<td>$conname</td></tr>"; } odbc_close($conn); echo "</table>"; ?> </body> </html> |
PHP连接MySQL
连接到一个 MySQL 数据库
在能够访问并处理数据库中的数据之前，必须创建到达数据库的连接。
在 PHP 中，这个任务通过 mysql_connect() 函数完成。
mysql_connect(servername,username,password);
<?php $con = mysql_connect("localhost","root",""); if (!$con) { die('Could not connect: ' . mysql_error()); } mysql_select_db("mysql", $con); $result = mysql_query("SELECT * FROM users"); while($row = mysql_fetch_array($result)) { echo $row['host'] . " " . $row['user']; echo "<br />"; } mysql_close($con); ?> |
<!DOCTYPE html> <html> <head> <title>PHP 连接 MySQL </title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body> <?php $con = mysql_connect("localhost","root",""); if (!$con) { die('Could not connect: ' . mysql_error()); } mysql_select_db("mysql", $con); $result = mysql_query("SELECT * FROM user"); echo "<table border = 1><tr>"; echo "<th>HOST</th>"; echo "<th>USER</th></tr>"; while($row = mysql_fetch_array($result)) { echo "<tr><td>".$row['Host']."</td><td>".$row['User']."</td></tr>"; } echo "</table>"; mysql_close($con); ?> </body> </html> |
冒泡排序
<!DOCTYPE html> <html> <head> <title>PHP 连接 MySQL </title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body> <?php $arr=array(1,43,54,62,21,66,32,78,36,76,39); function getpao($arr) { $len=count($arr); //设置一个空数组 用来接收冒出来的泡 //该层循环控制 需要冒泡的轮数 for($i=1;$i<$len;$i++) { //该层循环用来控制每轮 冒出一个数 需要比较的次数 for($k=0;$k<$len-$i;$k++) { if($arr[$k]>$arr[$k+1]) { $tmp=$arr[$k+1]; $arr[$k+1]=$arr[$k]; $arr[$k]=$tmp; } } } return $arr; } echo "原数组"; print_r($arr); //echo "<br />" $newArray = getpao($arr); echo "新数组"; print_r($newArray); ?> </body> </html> |
