
前端基础html、css、js入门零到一
前端基础html、css、js入门零到一
慕容屠苏
定期分享前端、互联网、人工智能知识,喜欢的朋友关注我哟--
展开
-
html、css、js入门-19-js基础10:面向对象基础
对象概述 . 对象是一种特殊的数据类型,由属性和方法封装而成 -- 属性指与对象有关的值:对象名.属性名 -- 方法指对象可以执行的行为或可以完成的功能:对象名.方法名() . 定义对象 -- 创建对象的实例 -- 创建对象的模板 -- 使用 JSON创建通用对象...原创 2020-01-16 22:22:52 · 153 阅读 · 0 评论 -
html、css、js入门-18-js基础9:event与事件
事件概述 . 事件:指 DHTML 对象在状态改变、操作鼠标或键盘时触发的动作 -- 鼠标事件 -- 键盘事件 -- 状态改变事件 . event 对象 -- 事件触发后将会产生一个 event 对象事件句柄: 对象事件...原创 2020-01-16 22:21:20 · 176 阅读 · 0 评论 -
html、css、js入门-17-js基础8:window 其他子对象
DHTML 对象模型screen 对象 . Screen 对象包含有关客户端显示屏幕的信息 . 常用于获取屏幕的分辨率和色彩 . 常用属性 width/height availWidth/availHeighthistory 对象可帮助用户完成一些需要鼠标点击才能完成的操作history 对象...原创 2020-01-16 22:19:34 · 132 阅读 · 0 评论 -
html、css、js入门-16-js基础7: HTML DOM
HTML DOM 概述 . HTML DOM 定义了用于HTML的一系列标准的对象,以及访问和处理HTML 文档的标准方法。 . HTML 标准对象化 -- 将网页中的每个元素都看作一个对象常用 HTML DOM 对象Select 对象 . Select 对象代表 HTML 表单中的一个下拉列表...原创 2020-01-16 22:17:06 · 178 阅读 · 0 评论 -
html、css、js入门-15-js基础6:JS的document对象与DOM
JS DOM操作较为复杂,但必须理解原理,后期可使用封装过的JQuery进行封装document 对象 每个载入浏览器的HTML文档都会成为 document对象 通过使用 document 对象,可以从脚本中对HTML页面中的所有元素进行访问。 document对象是Windom对象的一部分,可通过window.document 属性对其进行访问...原创 2020-01-16 22:14:53 · 203 阅读 · 0 评论 -
html、css、js入门-14-js基础5:JS的window对象
DHTML 简介 . 操作 HTML 以创造各种动态视觉效果 -- 一种浏览器端的动态网页技术 . DHTML的功能 动态改变页面元素 事件响应机制制作动态折叠的树形结构和菜单 与用户和进行交互等 . DHTML对象模型包括浏览器对象模型和DOM对象模型DHTML 对象模型...原创 2020-01-16 22:12:04 · 136 阅读 · 0 评论 -
html、css、js入门-13-js基础4:JavaScript内置对象2
函数与Function 对象 . 函数(方法)是一组可以随时随地运行的语句 Function 对象可以表示开发者定义的任何函数 函数实际上是功能完整的对象函数的定义 . 函数的定义 -- 由关键字function定义 -- 函数名的定义规则与标识符一致,大小写敏感 ...原创 2020-01-16 22:10:08 · 123 阅读 · 0 评论 -
html、css、js入门-12-js基础3:JavaScript 内置对象1
什么是 JavaScript 对象 . JavaScript 是一种基于对象语言 . 对象是 JavaScript中最重要的元素 . JavaScript 包含多种对象 -- 内置对象 -- 自定义对象 -- 浏览器对象 -- HTML DOM...原创 2020-01-16 22:08:32 · 160 阅读 · 0 评论 -
html、css、js入门-11-js基础2:JavaScript 基础语法
编写 JavaScript 代码 . 由Unicode字符集编写 . 注释 -- 单行:// -- 多行:/* */ . 语句 -- 表达式、关键字、运算符组成 -- 大小写敏感 -- 使用分号或者换行结束常量、标识符与关键字有 . 常量 -- 直接在程序中出现的数据值...原创 2020-01-16 22:02:02 · 129 阅读 · 0 评论 -
html、css、js入门-9:CSS样式
CSS 样式CSS 单位 -尺寸 % : 百分比 in : 英寸 cm : 厘米 mm : 毫米 pt : 磅(1pt等于1/72英寸) px : 像素(计算机屏幕上的一个点) em : 1em等于当前的字体尺寸,2em等于当前字体尺寸的两倍CSS 单位 - 颜色. rgb(x,x,x): RGB值,如 rgb(255,0,0)...原创 2020-01-10 23:33:34 · 190 阅读 · 0 评论 -
html、css、js入门-10-js基础1:什么是 Javascript, JavaScript 发展史
JavaScript概述什么是 Javascript . JavaScript 是一种网页编程技术,用来向HTML 页面添加交互行为。 . JavaScript 是一种基于对象的事件驱动的解释性脚本语言,具有与Java和C语言类似的语法 -- 直接嵌入 HTML 页面 -- 由浏览器解释执行代码,不进行预编译Java...原创 2020-01-10 23:39:22 · 359 阅读 · 0 评论 -
html、css、js入门-8:CSS选择器
CSS的用法: 选择器对应样式CSS 选择器元素选择器 . html 文档的元素就是选择器 -- 比如 <p>、<h1> 等 html {color:black;} h1 {color:blue;} h2 {color:silver;}类选择器 . 语法为:...原创 2020-01-10 23:32:41 · 179 阅读 · 0 评论 -
html、css、js入门-7:HTML的CSS
CSS层叠样式表:用于设置网页的静态样式CSS 概述CSS的作用. 查看如下代码 <body bgcolor="silver" text="blue"> <font color="red"></font> <h2>h2 text</h2> Some text...原创 2020-01-10 23:31:20 · 189 阅读 · 0 评论 -
html、css、js入门-6:HTML的表单和框架
表单提提供了浏览器向服务器的数据传输通道,和从服务器获取数据的通道。表单的作用: . 通过查看、填写并提交表单信息与服务器进行动态交互 . 表单有两个基本部分 -- 实现数据交互的可见的界面元素,比如文本框或按钮 -- 提交后的表单处理 . 界面元素 -- 使用 <form> 元素创...原创 2020-01-10 23:28:01 · 163 阅读 · 0 评论 -
html、css、js入门-5:HTML的表格
表格 表格的作用 . 表格通常用来组织结构化的信息 . 表格是一些被称作单元格的矩形框按照从左到右,从上到下的顺序排列在一起而形成的 . 表格的数据保存在单元格里 -- 显示表格数据 -- 设置也慢慢布局创建表格 . 定义表格 : 使用成对的<table></table> 标记...原创 2020-01-10 23:26:03 · 146 阅读 · 0 评论 -
html、css、js入门-4:HTML的列表标记
列表的作用 . 列表是值将具有相似特征或者具有先后顺序的几行文字进行对齐排列 例如页面显示: . one 1. one . two 2. two . three 3. three . 所有的列表都由列表类型和列表项组成...原创 2020-01-10 23:25:04 · 200 阅读 · 0 评论 -
html、css、js入门-3:HTML的图像与链接
图像元素 <img> . 使用 <img> 元素将图像添加到页面 -- 空标记 .必须属性:src .常用属性:width、height <img width="100" src="image/rose.jpg" />链接元素 <a> . 使用 <a> ...原创 2020-01-10 23:22:51 · 158 阅读 · 0 评论 -
html、css、js入门-2:HTML的文本标记
文本标记的作用 . 文本是网页上的基本成分 . 直接书写在文本会用浏览器默认的样式显示 . 包含在标记中的文本则会被显示为标记所拥有的样式 -- 特殊字符 -- 注释 -- 标题元素 -- 段落元素 -- 换行元素 -- 分区元素文本与特殊字符 . 空格折叠...原创 2020-01-10 23:20:42 · 160 阅读 · 0 评论 -
html、css、js入门-1:HTML概述
HTML解决了数据的显示方式,网站编程HTML将替代java的swing,承担视图层的功能通过记事本编程html文件即可熟练掌握html什么是 HTML . HTML (HyperText Markup Language): 超文本标记语言,一种纯文本类型的语言。 . 用来设计网页的标记语言 . 用该语言编程的文件,以.html 或者 .h...原创 2019-12-26 22:30:44 · 134 阅读 · 0 评论