Django学习日记2

来源：互联网发布：nginx 配置http2 编辑：程序博客网时间：2024/06/08 06:08

1. HTML5视频

解析：video元素支持三种视频格式：Ogg即带有Theora视频编码和Vorbis音频编码的Ogg文件，MPEG4即带有H.264

视频编码和AAC音频编码的MPEG 4文件，WebM=带有VP8视频编码和 Vorbis音频编码的WebM文件。如下所示：

<video width="320" height="240" controls="controls">  <source src="movie.ogg" type="video/ogg">  <source src="movie.mp4" type="video/mp4">Your browser does not support the video tag.</video>

（1）control属性供添加播放、暂停和音量控件。

（2）video元素允许多个source元素，source元素可以链接不同的视频文件，浏览器将使用第一个可识别的格式。

2. <div>标签

解析：<div>标签是一个块级元素，它可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不

使用任何格式与其关联。如果用id或 class来标记<div>，那么该标签的作用会变得更加有效。

3. <form>标签

解析：<form>标签是块级元素，它用于为用户输入创建HTML表单。表单能够包含input元素，比如文本字段、复选

框、单选框、提交按钮等。表单用于向服务器传输数据。

4. <frameset>和<frame>标签

解析：frameset元素可定义一个框架集，它被用来组织多个窗口（框架），每个框架存有独立的文档。<frame>标签

定义frameset中的一个特定的窗口（框架）。

5. HTML5音频

解析：audio元素支持三种音频格式：Ogg Vorbis，MP3，Wav。如下所示：

<audio controls="controls">  <source src="song.ogg" type="audio/ogg">  <source src="song.mp3" type="audio/mpeg">Your browser does not support the audio tag.</audio>

（1）control属性供添加播放、暂停和音量控件。

（2）audio元素允许多个source元素，source元素可以链接不同的音频文件，浏览器将使用第一个可识别的格式。

6. HTML5 Canvas

解析：HTML5的canvas元素使用JavaScript在网页上绘制图像。画布是一个矩形区域，你可以控制其每一像素。

canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。把一幅图像放置到画布上，如下所示：

<!DOCTYPE HTML><html><body><canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">Your browser does not support the canvas element.</canvas><script type="text/javascript">var c=document.getElementById("myCanvas");var cxt=c.getContext("2d");var img=new Image()img.src="/i/eg_flower.png"cxt.drawImage(img,0,0);</script></body></html>

说明：style="border:1px solid #c3c3c3;"表示设置背景边框1像素宽，颜色是c3c3c3。

7. HTML5 SVG

解析：伸缩矢量图形（Scalable Vector Graphics，SVG）使用XML格式定义图形，并且在放大或改变尺寸的情况下

其图形质量不会有损失。

8. HTML5 Web存储

解析：HTML5提供了两种在客户端存储数据的新方法，如下所示：

（1）localStorage：没有时间限制的数据存储。

（2）sessionStorage：针对一个session的数据存储。

说明：HTML5使用JavaScript来存储和访问数据。

9. HTML标签功能

解析：

（1）基础（2）格式（3）表单（4）框架（5）图像（6）音频/视频（7）链接（8）列表（9）表格（10）样式/节

（11）元信息（12）编程。

说明：HTML和XHTML用标准的7比特ASCII代码在网络上传输数据。7比特ASCII代码可提供128个不同的字符值。

10. HTTP状态信息

解析：（1）1xx: 信息（2）2xx: 成功（3）3xx: 重定向（4）4xx: 客户端错误（5）5xx: 服务器错误。

11. JavaScript数据类型

解析：字符串、数字、布尔、数组、对象、Null、Undefined。

12. JavaScript改变HTML

解析：

（1）改变HTML输出流，比如document.write()。

（2）改变HTML内容，比如document.getElementById(id).innerHTML。

（3）改变HTML属性，比如document.getElementById(id).attribute。

（4）改变HTML样式，比如document.getElementById(id).style.property。

13. window对象

解析：所有浏览器都支持window对象。它表示浏览器窗口。所有JavaScript全局对象、函数以及变量均自动成为

window对象的成员。全局变量是window对象的属性。全局函数是window对象的方法。

14. window.screen对象

解析：window.screen对象包含有关用户屏幕的信息。

15. window.location对象

解析：window.location对象用于获得当前页面的地址（URL），并把浏览器重定向到新的页面。

16.window.history对象

解析：window.history对象包含浏览器的历史。

17. window.navigator对象

解析：window.navigator对象包含有关访问者浏览器的信息。

18. JavaScript消息框

解析：可以在JavaScript中创建三种消息框：警告框[alert("文本")]、确认框[confirm("文本")]、提示框[prompt("文

本","默认值")]。

19. JavaScript计时

解析：通过使用JavaScript计时事件，可在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。

20. Cookies

解析：cookie是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个

cookie。可以使用JavaScript来创建和取回cookie的值。

21. jQuery库

解析：jQuery是目前最受欢迎的JavaScript框架，它使用CSS选择器来访问和操作网页上的HTML元素（DOM对

象），同时提供companion UI（用户界面）和插件。引用jQuery库，如下所示：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

22. HTML DOM和AJAX

（1）HTML DOM：定义了访问和操作HTML文档的标准方法。

（2）AJAX：异步JavaScript和XML。它不是一种新的编程语言，而是一种使用现有标准的新方法。通过与服务器进

行数据交换，可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

23. JavaScript对象

解析：（1）Array（2）Boolean（3）Date（4）Math（5）Number（6）String（7）RegExp（8）Global

24. Browser对象

解析：（1）Window（2）Navigator（3）Screen（4）History（5）Location

25. HTML DOM对象

解析：（1）Document（2）Anchor（3）Area（4）Base（5）Body（6）Button（7）Canvas（8）Event（9）

Form（10）Frame（11）Frameset（12）IFrame（13）Image（14）Input Button（15）Input Checkbox（16）

Input File（17）Input Hidden（18）Input Password（19）Input Radio（20）Input Reset（21）Input Submit（22）

Input Text（23）Link（24）Meta（25）Object（26）Option（27）Select（28）Style（29）Table（30）TableCell

（31）TableRow（32）Textarea

参考文献：

[1] JavaScript参考手册：http://www.w3school.com.cn/jsref/index.asp

阅读全文

1 0