2021.3.12 今天有上传笔记，零零散散的，但没办法，只有等我全面掌握对了才能做一个完整的规划

json和对象之间的相互转换
对象变json：直接用JSON.stringify(obj)
json变对象：1.eval('('+data+')'); 2.JSON.parse(data);

---

发表者：哈哈哈

1小时前

我喜欢苹果，我最喜爱的品种是红富士

---

<article>
<header>
<h3>发表者：哈哈哈</h3>
<p>
<time pubdate datetime="2010-10-10T19:10--8:00">
1小时前
</time>
</p>
</header>
<p>我喜欢苹果，我最喜爱的品种是红富士</p>
</article>

---

contentteditable 这个是一个属性，可以编辑，可以用在文本文段中间。

---

ul是无序 ，type有disc实心，circle空心，suqare方格
ol是有序 ，type有1数字，a小写字母，A大写字母，i小写希腊字母，I大写希腊字母

---

DOM中的事件对象：（符合W3C标准）
preventDefault() 取消事件默认行为
stopImmediatePropagation() 取消事件冒泡同时阻止当前节点上的事件处理程序被调用。
stopPropagation() 取消事件冒泡对当前节点无影响。
IE中的事件对象：
cancelBubble() 取消事件冒泡
returnValue() 取消事件默认行为

---

<div style=”color:red; text-color:blue;”><span   style=”color:green;text-color:black;”>Hello</span></div>,

其实在css中没有text-color这个属性，有的只有是color这个属性。

---

包含在 ^{标签和其结束标签} 中的内容将会以当前文本流中字符高度的一半来显示，但是与当前文本流中文字的字体和字号都是一样的。
上标
下标
突出显示
所以10^2结果是10（上标）2

---

如果一个<li>元素之后紧跟另一个<li>元素，或在父元素中没有其他更多内容，则结束标签可以省略

---

html5可以省略结束标记的是：
1、dd

2、dt

3、li

4、p

5、optgroup

6、option

7、rt

8、rp

9、thread

10、tfoot

11、tr

12、td

13、th

---

embed标签定义嵌入的内容，比如插件，可以设置高度和宽度，常见属性有height,src,width,type
textarea定义多行的文本输入控件，默认字体是等宽字体
object标签定义一个嵌入对象，如图像、视频、音频等，可以设置宽度高度
textarea的话用cols 和rows操作。可以定义width和height但是不是元素的本身所独有的属性。

---

DHTML 的动态样式的作用：
使网页作者改变内容的外部特征而不强制用户再次下载全部内容
DHTML实现了网页从Web服务器下载后无需再经过服务的处理，而在浏览器中直接动态地更新网页的内容、排版样式和动画的功能。例如，当鼠标指针移到文章段落中时，段落能够变成蓝色，或者当鼠标指针移到一个超级链接上时，会自动生成一个下拉式子链接目录等。
包括：
①动态内容(Dynamic Content)：动态地更新网页内容，可“动态”地插入、修改或删除网页的元件，如文字、图像、标记等。
②动态排版样式(Dynamic Style Sheets)：W3C的CSS样式表提供了设定HTML标记的字体大小、字形、样式、粗细、文字颜色、行高度、加底线或加中间横线、缩排、与边缘距离、靠左右或置中、背景图片或颜色等排版功能，而“动态排版样式”即可以“动态”地改变排版样式。

---

<dl>
    <dt>标题</dt>
    <dd>内容</dd>
</dl>

---

属于Audio/Video的方法有：
load()
play()
pause()

---

HTML注释

<!--注释的内容-->  

CSS注释

/* 注释内容 */

JS注释

单行注释以 // 开头。
多行注释以 /* 开始，以 */ 结尾。

---

<address> 标签定义文档或文章的作者/拥有者的联系信息。
<hr> 标签在 HTML 页面中创建一条水平线。
<a> 标签定义超链接，用于从一张页面链接到另一张页面。
<cite> 标签通常表示它所包含的文本对某个参考文献的引用，比如书籍或者杂志的标题。

---

oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单。

注意：所有浏览器都支持 oncontextmenu 事件， contextmenu 元素只有 Firefox 浏览器支持
spellcheck 属性规定是否对元素进行拼写和语法检查。（不是很明白怎么进行检查的）

可以对以下内容进行拼写检查：

input 元素中的文本值（非密码）
<textarea> 元素中的文本
可编辑元素中的文本

---

表格上传的：
enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。

属性值

application/x-www-form-urlencoded
在发送前编码所有字符（默认）

multipart/form-data
不对字符编码。 在使用包含文件上传控件的表单时，必须使用该值。

text/plain
空格转换为 "+" 加号，但不对特殊字符编码。

---

js代码的话：

如果JanaScript是外部脚本，不是嵌入脚本，放在head里，会在页面加载之时就被执行，也就是文件要被下载，执行之后才会呈现页面内容；放在body底部，在解析js代码之前，页面的内容就会完全呈现在浏览器中。 所以，在body里的js应该是在页面加载之后执行的吧。

之所以把js放在body之后，是为了预防外部js文件过多时，浏览器呈现页面出现延迟，延迟期间浏览器的窗口一片空白。

---

<select>
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

optgroup 元素用于组合选项。当您使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易。

---

获取焦点的问题：
1.contenteditable：true|false 规定元素文本是否可编辑；
2.tabindex：0 | -1 | x
0：tab键可获取焦点；
-1：tab键不可获取焦点；
x：x>0，x越小获取焦点优先级越高；

---