Web技术导论复习大纲

1. 什么是URL，其一般形式是什么？

资源类型://网址[:端口号][/[文件路径/文件名]][?参数名=参数值&参数名=参数值...]

2. 什么是B/S模式，与C/S模式相比有哪些优越性？

B/S(Browser/Server); C/S(Clinet/Server);

    B/S的优越性：
  1. 有良好的开放性,单一访问点,用户可以在任何地点使用系统
  2. 跨平台,只要使用相同浏览器界面访问系统就行
  3. 没有了客户端的维护工作,减小了系统运行和维护成本

3. 什么是HTML文档？一个HTML文档结构是怎样的？

(HyperText Mark-up Language)即超文本标记语言

文档结构:

<html>

    <head>

        头部信息

    </head>

    <body>

        文档主体

    </body>

</html>

4. 了解文档头标记<title><meta><link><bgsound>的用法，比如：如何设置页面标题，如何设置页面每隔10秒自刷新一次，如何链接外部样式单，如何设置背景音乐等。

<title> 设置页面标题:

<title>welcome to vell001<title>

<meta>设置页面每隔10秒自刷新一次:

<meta http-equiv="refresh" content="10"></meta>

<link> 链接外部样式单:

<link type="text/css" rel="stylesheet" href="mycss.css"/>

<bgsound>设置背景音乐:

<bgsound src="music.wav" autostart="true" loop="infinite">

5. 了解常用事件属性。

onLoad(加载完成),onUnload(退出),onFocus(获取焦点),onBlur(失去焦点),onChange(输入组件内容改变时),onSubmit(表单提交时),onMouseOver(鼠标移入),onMouserout(鼠标移出),onClick(被单击),onDblClick(被双击)

6. 需要掌握的文档内容标记：标题、段落标记，文本格式标记，图像标记，超链接标记，影像地图标记，走马灯标记，表格标记等。如要求设计一个3*3表格，写出完整的HTML代码，表格内容要居中显示，表格的内容均为“示例”。

标题：<h>

段落标记: <p>,<br/>换行

文本格式标记: <font>字体,<b>粗体,<u>下划线,<i>斜体

图像标记：<img src=""/>

超链接标记: <a href=""/>

影像地图标记: <map>

走马灯标记: <marquee>

表格标记: <table>,<tr>行,<td>列,<tbody>表格主体,<thead>表头,<tfoot>表脚

3*3表格：

<table >

    <tr>

        <td align="center">示例</td>

        <td align="center">示例</td>

        <td align="center">示例</td>

    </tr>

    <tr>

        <td align="center">示例</td>

        <td align="center">示例</td>

        <td align="center">示例</td>

    </tr>

    <tr>

        <td align="center">示例</td>

        <td align="center">示例</td>

        <td align="center">示例</td>

    </tr>

</table>

7. 什么是表单，其中method属性及action属性分别表示什么？

在网页中用来给访问者填写信息的组件，使网页具有交互能力

method: 定义服务器处理程序从表单中获取信息的方式，一般有GET/POST

action: 设置服务器处理程序的URL

8. 表单组件都有哪些输入类型，每种输入类型如何表示？能够用表格对表单进行布局，编写简单的用户注册、问卷调查等表单程序。

一般有：


单行文本输入框: <input type="text"/>
密码输入框: <input type="password"/>
单行文本输入框: <textarea></textarea>
button按钮：<input type="button"/>
radio单选按钮:<input type="radio"/>
复选框:<input type="checkbox"/>
复选列表:
<select>
    <option value=""></option>
</select>
隐藏信息：<input type="hidden" value=""/>
文件长传:<input type="file"/>
表单提交：<input type="submit"/>
重置按钮：<input type="reset"/>

表单有序结构一般使用:form+table组合

9. 什么是层叠样式单CSS？有几种类型的样式单（内联、嵌入和外部）？常用的样式单的选择符有几种？如何应用不同选择符定义的样式？样式单的优先级是怎样的？试完成下题：编写一段CSS代码使段落分成三种不同的类别，每一类应用不同的样式表规则。第一类文字字号16pt，颜色红色，加粗，斜体；第二类字号20pt，颜色绿色，带下划线；第三类字号18pt，颜色蓝色，带上划线，并分别将三类段落样式应用于同样的三段文字“CSS分类使用”。

1. 所谓层叠，指对于容器元素指定的所有选项，将被自动地应用到其包含的所有元素中；

2. 标签名（a{}）、class（.vell{}）、id（#vell{}）、组合（p .vell#bibi{}）、重用（.vell,#vell{}）、伪类（a:hover{}、a:visited{}）等

3. 使用空格，如: <a class="vell bibi">

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Insert title here</title>

<style type="text/css">

.v1{

    font-size: 16pt;

    color: red;

    font-weight: bold;

    font-style: italic;

}

.v2{

    font-size: 20pt;

    color: green;

    text-decoration: underline;

}

.v3{

    font-size: 18pt;

    color: blue;

    text-decoration: overline;

}

</style>

</head>

<body>

    <p class="v1">CSS分类使用</p>

    <p class="v2">CSS分类使用</p>

    <p class="v3">CSS分类使用</p>

</body>

</html>

效果:

image

10. JavaScript脚本的特点及优点有哪些，掌握JavaScript基于对象与事件驱动的特点，能够编写JavaScript程序，例如编写一段JavaScript代码实现在网页状态栏上显示时间，时间格式为“9时21分22秒AM”，并且实现每秒更新与系统时钟同步。

<span id="timer"></span>

<script type="text/javascript">

var timer = document.getElementById("timer");

function updateTime(timer){

    var myDate = new Date();

    var h = myDate.getHours();

    var m = myDate.getMinutes();

    var s = myDate.getSeconds();

    var ap = "AM";

    if(myDate.getHours() > 12){

        ap="PM";

        h = h - 12;

    }

    timer.innerHTML=h+"时"+m+"分"+s+"秒"+ap;

    setTimeout("updateTime(timer)",1000);

}

updateTime(timer);

</script>

11. 掌握JavaScript常用的内部对象及函数的用法，如String、Math、Date、Array对象及其常用属性和方法。

String.length 字符串长度

String.substring(start,end)截取字符串

String.indexOf(searchvalue,fromindex) 从fromindex到尾检索字符串，返回 searchvalue 的第一次出现的位置。没找到返回-1

String.lastIndexOf (searchvalue,fromindex)从fromindex到头地检索字符串，返回 searchvalue 的第一次出现的位置。没找到返回-1

更多详见：http://www.w3school.com.cn/js/jsref_obj_string.asp

Math.PI 返回圆周率

Math.max(value1,value2) 比较最大，返回最大值

Math.pow(value1,10)数的10次方

Math.round(value1)把一个值四舍五入为最相近的整数值

Math.random()随机数，返回0~1之间的随机数

Math.floor(value1)返回任意浮点数的整数部分Array

更多详见：http://www.w3school.com.cn/js/jsref_obj_math.asp

Date见：http://www.w3school.com.cn/js/jsref_obj_date.asp

Array见：http://www.w3school.com.cn/js/jsref_obj_array.asp

12. 掌握JavaScript浏览器对象模型BOM的层次结构，以及window对象、history对象、location对象的常用属性和方法。

window.open() - 打开新窗口

window.close() - 关闭当前窗口

window.moveTo() - 移动当前窗口

window.resizeTo() - 调整当前窗口的尺寸

更多详见：http://www.w3school.com.cn/js/js_window.asp

history.back() - 与在浏览器点击后退按钮相同

history.forward() - 与在浏览器中点击按钮向前相同

更多详见：http://www.w3school.com.cn/js/js_window_history.asp

location.hostname 返回 web 主机的域名

location.pathname 返回当前页面的路径和文件名

location.port 返回 web 主机的端口 （80 或 443）

location.protocol 返回所使用的 web 协议（http:// 或 https://）

更多详见：http://www.w3school.com.cn/js/js_window_location.asp

13. 掌握JavaScript文档对象模型DOM的层次结构，以及document对象的常用属性及方法，能够正确引用文档对象进行编程。

详见：http://www.w3school.com.cn/htmldom/dom_obj_document.asp

14. 区分body及其它文档所包含对象的innerHTML和innerText的属性。

innerHTML: 从对象的起始位置到终止位置的全部内容,包括Html标签

innerText: 从起始位置到终止位置的内容, 但它去除Html标签

15. 能够使用JavaScript进行表单数据的有效性验证、禁止用户复制页面内容等综合处理。

禁止用户复制页面内容<body  oncopy="return false">

【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/VellBibi/p/3496888.html