前端学习
关注
分享
扫一扫
fangye945a
行远必自迩，登高必自卑。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JavaScript学习笔记-事件监听机制学习（七）
概念某些组件被执行了某些操作后，触发某些代码的执行。事件：某些操作。如：单机，双击，键盘按下了，鼠标移动了。事件源：组件。如：按钮、文本输入框…监听器：代码。注册监听：将事件，事件源，监听器结合在一起。当事件源上发生了某个事件，则触发执行某个监听器代码。常见的事件1.点击事件1.onclick： 单击事件2.ondbclick：双击事件2.焦点事件1.onblur：...原创 2020-03-09 22:21:34 · 230 阅读 · 0 评论 -
JavaScript学习笔记-DOM学习（六）
概念: Document Object Model 文档对象模型DOM将HTML文档表达为树结构。DOM是W3C(万维网联盟)的标准，它定义了访问HTML和XML文档的标准。将标记语言文档的各个组成部分，封装为对象。可以使用这些对象，对标记语言文档进行(CRUD)增删改查的动态操作。W3C DOM标准被分为3个不同的部分核心DOM - 针对任何结构化文档的标准模型。Do...原创 2020-03-08 13:25:35 · 384 阅读 · 0 评论 -
JavaScript学习笔记-BOM学习（五）
1.BOM概念Browser Object Modle 浏览器对象模型* 将浏览器的各个组成部分封装成对象。2.BOM组成1.Window:窗口对象创建Window对象不需要创建，可以直接通过window.xxx使用。(window.方法名(); )window应用可以省略。(方法名(); )方法与弹出框有关的方法:alert() 显示带有一段消息和一个确认按钮的...原创 2020-03-06 21:16:38 · 355 阅读 · 0 评论 -
JavaScript学习笔记-DOM与事件简单学习（四）
1.DOM简单学习功能： 控制html文档的内容代码：获取页面标签(元素)对象Elementdocument.getElementeById(“id值”): 通过元素的id获取标签对象。操作Element对象1.修改属性值1.明确获取的对象是哪一个?2.查看API文档，找其中有哪些属性可以设置。2.修改标签体内容属性: innerHTML1. 获取 元素对象2. 使用inn...原创 2020-03-05 22:34:13 · 357 阅读 · 0 评论 -
JavaScript学习笔记-基本对象（三）
Function: 函数(方法)对象1.创建1.var fun = new Function(形式参数列表,函数体)2.function 函数名称(形式参数列表){方法体}3.var 方法名 = function(形式参数列表){方法体}2.方法3.属性4.特点5.调用方法名称(实际参数列表);...原创 2020-03-03 23:23:31 · 337 阅读 · 0 评论 -
JavaScript学习笔记-基本语法（二）
1.与html结合方式1.内部JS：定义<script>,标签体内容就是js代码。2.外部JS：定义<script>,通过src属性引入外部的js代码文件。注意: 1.<script>可以定义在html页面的任何地方，但是定义的位置会影响执行顺序。 2.<script> 可以定义多个。 3.同一标签，内部js与外部js同时存在，优先执行外...原创 2020-03-02 20:34:01 · 325 阅读 · 0 评论 -
JavaScript学习笔记-简介（一）
1.概念一门客户端脚本语言。运行在客户端浏览器中的。每一个浏览器都由JavaScript的解析引擎。脚本语言：不需要编译，直接就可以被浏览器解析执行。2.功能可以用来增强用户和html页面的交互过程，可以用来控制html元素，让页面有一些动态的效果，增强用户体验。3.发展史1992年，Nombase公司，开发出第一门客户端脚本语言，专门用于表单的校验。命名为C–，后来更名为...原创 2020-03-01 22:20:58 · 318 阅读 · 0 评论 -
HTML学习笔记-盒模型及布局相关属性（九）
1.div和span1. div和span在整个HTML标记中，没有任何意义，他们的存在就是为了应用CSS样式。2. div和span的区别在于：span是内联元素(只占用所需位置)，div是块级元素(占用一整行)。3. div能够定义宽度和高度属性，span不能定义。但是可以通过display属性将div与span相互转换。2.盒模型margin盒子外边距padding盒子内边距...原创 2020-02-25 23:32:17 · 358 阅读 · 0 评论 -
HTML学习笔记-常用CSS属性（八）
1.颜色属性color属性method传输数据的方式，分别为post和get两种(默认为get方式)get:表单内容附加在url地址后面，限制长度8192不具备保密性。post:将表单中的数据包含在表单主体中，无大小限制。action表单数据的处理程序的url地址，如果为空则使用当前文档的URL地址，如果表单中不需要使用action属性，需要指定其属性为"no"enctype规定在发送...原创 2020-02-23 12:20:36 · 388 阅读 · 0 评论 -
HTML学习笔记-定义CSS样式（七）
1.HTML标记定义例如：<p>...</p>p { 属性:属性值; 属性1:属性值1; }p可以叫做选择器，定义那个标记中的内容执行其中的样式。一个选择器可以控制若干个样式属性，他们之间需要用英文分号隔开，最后一个样式可以不用加分号。2.class定义例如: <p class="p">...</p>class定义是以"."开始.p...原创 2020-02-20 22:22:54 · 426 阅读 · 0 评论 -
HTML学习笔记-CSS使用方式（六）
1.HTML<!DOCTYPE> 声明标签定义和用法1. <!DOCTYPE>声明必须是HTML文档的第一行，位于<html>标签之前。2. <!DOCTYPE>声明不是HTML标签，它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令。3. 在HTML4.01中，<!DOCTYPE>声明引用DTD，因为HTML4.01...原创 2020-02-19 23:19:41 · 358 阅读 · 0 评论 -
HTML学习笔记-表单设计（五）
1.表单标记原创 2020-02-18 22:52:13 · 435 阅读 · 0 评论 -
HTML学习笔记-基本结构与标记（二）
1. HTML的基本结构1. <html>内容</html> 解释: HTML文档的文档标记，也称为HTML开始标记。 功能: 这对标记分别位于网页的最前端和最后端。 2. <head>内容</head> 解释: HTML文件头标记，也称为HTML头信息开始标记。 功能: 用来包含文件的基本信息，如网页的标题、关键字，在<head...原创 2019-12-24 23:58:23 · 948 阅读 · 0 评论 -
HTML学习笔记-框架（四）
框架1.什么是框架？框架将浏览器划分成不同的部分，每一个部分加载不同的页面，实现在同一浏览器窗口中，加载多个页面的效果。2.划分框架标记2.1.语法格式<frameset>...</frameset>2.2.属性一、cols 使用"像素数"和百分比分割左右窗口，"*"表示剩余部分。 如果使用"*","*"表示框架平均分为2个。 如果使用"*","*",...原创 2020-02-15 16:57:53 · 423 阅读 · 0 评论 -
HTML学习笔记-超链接与表格（三）
1.超链接的使用1.1 基本语法<a href="链接地址" target="打开方式" name=“页面锚点名称”> 链接文字或者图片 </a>1.2 属性href属性：链接的地址，链接的地址可以是个网页，也可以是一个视频、图片、音乐等等。target属性：定义超链接的打开方式。_blank：在一个新的窗口中打开链接页面。_self(默认值)：在当前窗口...原创 2019-12-29 23:28:56 · 568 阅读 · 0 评论 -
HTML学习笔记-概念与语法（一）
HTML语法1.什么是HTML标记语言？表示网页信息的符号标记语言特点： 1. 可以设置文本的格式，比如标题、字号、文本颜色、段落等等。 2. 可以创建列表。 3. 可以插入图像和媒体。 4. 可以建立表格。 5. 超链接，可以使用鼠标点击超链接来实现页面之间的跳转。2.HTML的标记和它的属性1. HTML文档的保存格式：.html、.htm、.xhtml2. 标记和被标...原创 2019-12-23 19:46:28 · 464 阅读 · 0 评论