HTML与javascript学习总结

最新推荐文章于 2022-08-29 18:33:53 发布

GUESSWEAREWHOWEARE

最新推荐文章于 2022-08-29 18:33:53 发布

阅读量517

点赞数 1

CC 4.0 BY-SA版权

文章标签： html javascript

本文链接：https://blog.youkuaiyun.com/GUESSWEAREWHOWEARE/article/details/73080246

本文主要总结了HTML中的全局属性，包括accesskey、class、contextmenu、data-*等，并介绍了HTML5的新特性。此外，还概述了JavaScript的基础知识，如数据类型、对象创建、函数定义与参数规则，以及this关键字的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML总结

HTML超文本标记语言(HyperText Markup Language)

HTML不是一种编程语言，而是一种用特定符号描述网页内容的标记语言。

HTML标签是由尖括号包围的关键词，通常成对出现，如<html></html>，标签对的第一个标签称为开始标签，第二个是结束标签。

HTML元素是：开始标签+内容+结束标签

创建一个.html文件最基本的结构如下：

<html>

<head>

</head>

<body>

文档内容

</body>

</html>

但是通常要加上<!DOCTYPE>声明，如果不加的话，在不同的浏览器上，页面的显示可能是不同的效果，<!DOCTYPE>声明必须在HTML文档的第一行；

<!DOCTYPE>声明不是一个HTML标签；它是用来告知Web浏览器页面使用了哪种HTML版本，在 HTML 4.01 中，<!DOCTYPE> 声明需引用 DTD （文档类型声明），因为 HTML 4.01 是基于 SGML （Standard Generalized Markup Language 标准通用标记语言）。DTD 指定了标记语言的规则，确保了浏览器能够正确的渲染内容。

HTML5 不是基于 SGML，因此不要求引用 DTD。

HTML全局属性(HTML5)

1.accesskey :设置访问元素的键盘快捷键,不同浏览器，在不同操作系统中不同的浏览器中访问快捷键的方式不同。

2.class:规定元素的类名，class 属性通常用于指向样式表的类。但是，它也可以用于 JavaScript 中（通过 HTML DOM）, 来修改 HTML 元素的类名。

在 HTML5 中, class 属性可用于任何的 HTML 元素 (它会验证任何HTML元素。但不一定是有用)。

在 HTML 4.01 中, class 属性不能用于: <base>, <head>, <html>, <meta>, <param>, <script>, <style>, 和 <title>。

3.(HTML5新增)contenteditable:规定是否可编辑元素的内容。

语法：<element contenteditable="true|false">

4.(HTML5新增)contextmenu:指定一个元素的上下文菜单。当用户右击该元素，出现上下文菜单，目前只有火狐支持。

语法：<element contextmenu="menu_id">

5.(HTML5新增)data-*:data-* 属性用于存储私有页面后应用的自定义数据,data-* 属性可以在所有的 HTML 元素中嵌入数据,自定义的数据可以让页面拥有更好的交互体验（不需要使用 Ajax 或去服务端查询数据）。

data-* 属性由以下两部分组成：

(1) 属性名不要包含大写字母，在 data- 后必须至少有一个字符。

(2) 该属性可以是任何字符串

语法：<element data-*="somevalue">

6.dir:dir 属性规定元素内容的文本方向。

语法：<element dir="ltr|rtl|auto">

属性值：ltr :默认，从左向右的文本方向。

rtl:从右向左的文本方向。

auto:让浏览器根据内容来判断文本方向。仅在文本方向未知时推荐使用。

7.(HTML5新增)draggable:draggable 属性规定元素是否可拖动。

语法:<element draggable="true|false|auto">

8.(HTML5新增)hidden:hidden 属性规定对元素进行隐藏,隐藏的元素不会被显示,如果使用该属性，则会隐藏元素,可以对 hidden 属性进行设置，使用户在满足某些条件时才能看到某个元素（比如选中复选框，等等）。然后，可使用 JavaScript 来删除 hidden 属性，使该元素变得可见。

语法:<element hidden>

9.id:id 属性规定 HTML 元素的唯一的 id，id 在 HTML 文档中必须是唯一的，id 属性可用作链接锚（link anchor），通过 JavaScript（HTML DOM）或通过 CSS 为带有指定 id 的元素改变或添加样式。 HTML 4.01 对于 id 的值有严格的限制 (例如：在 HTML 4.01 id 值不能以数字开头)。

语法:<element id="id">

10.lang:属性规定元素内容的语言。

语法:<element lang="language_code">

11.(HTML5新增)spellcheck:spellcheck 属性规定是否对元素内容进行拼写检查。可对以下文本进行拼写检查：类型为 text 的 input 元素中的值（非密码）、textarea 元素中的值、可编辑元素中的值。

语法:<element spellcheck="true|false">

12.style:style 属性规定元素的行内样式（inline style）。style 属性将覆盖任何全局的样式设定，例如在 <style> 标签或在外部样式表中规定的样式。

语法:<element style="style_definitions">

13.tabindex:tabindex 属性规定当使用 "tab" 键进行导航时元素的顺序，规定元素的 tab 键控制顺序（1 是第一）；在 HTML 4.01中, tabindex 属性不能用于:< base>, <head>, <html>, <meta>, <param>, <script>, <style>, 和 <title>。

语法:<element tabindex="number">

14.title:title 属性规定关于元素的额外信息，这些信息通常会在鼠标移到元素上时显示一段工具提示文本（tooltip text）。

语法:<element title="text">

15.(HTML5新增)translate:translate 属性规定元素内容是否要翻译。(但目前主流浏览器暂时不支持translate属性)

语法:<element translate="yes|no">

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

javascript总结

1.七种数据类型：undefined（未定义）,null（空）,boolean（布尔型）,string（字符串）,array(数组),number（数字）,object（对象）。

2.声明变量：当 JavaScript 中的变量被声明的时候，它的初始值为undefined。

3.对象：在 JavaScript中，几乎所有的事物都是对象,对象也是一个变量，但对象可以包含多个值（多个变量）。

(1)使用字符来定义和创建 JavaScript 对象:

(2)使用Object构造函数来创建一个对象:

(3)使用函数构造对象:

4.函数的定义:

(1)JavaScript 函数可以通过一个表达式定义:

在函数表达式存储在变量后，变量也可作为一个函数使用:

(2)通过内置的 JavaScript 函数构造器（Function()）定义:

(3)自调用函数:函数表达式可以 "自调用",自调用表达式会自动调用。如果表达式后面紧跟 () ，则会自动调用,通过添加括号，来说明它是一个函数表达式: