文章分类 - 前端
摘要：要求： 1. 鼠标移到不同行上时背景色改为色值为 #f2f2f2，移开鼠标时则恢复为原背景色 #fff 2. 点击添加按钮，能动态在最后添加一行 3. 点击删除按钮，则删除当前行
阅读全文
摘要：掌握如何控制HTML基础元素，如何在文档中选取单独的元素，如何建创、插入和删除元素，并修改样式等 基础内容可参考：https://www.cnblogs.com/fanpl/articles/9948808.html 1. getElementsByName()方法 返回带有指定名称的节点对象的集合
阅读全文
摘要：了解JavaScript自带一些内置对象，掌握Math、Date、字符基础对象和方法。 1. 什么是对象 JavaScript 中的所有事物都是对象，如:字符串、数值、数组、函数等，每个对象带有属性和方法。 对象的属性：反映该对象某些特定的性质的，如：字符串的长度、图像的长宽等； 对象的方法：能够在
阅读全文
摘要：JavaScript和HTML之间的交互是通过用户和浏览器操作界面引发的事件来处理，本章介绍事件处理的概念，常用触发事件。 1. 什么是事件 JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程
阅读全文
摘要：1. 定义函数 如何定义一个函数呢？看看下面的格式： function 函数名( ) { 函数体; } function定义函数的关键字，“函数名”你为函数取的名字，“函数体”替换为完成特定功能的代码。 我们完成对两个数求和并显示结果的功能。并给函数起个有意义的名字：“add2”，代码如下： <sc
阅读全文
摘要：1. if语句 if语句是基于条件成立才执行相应代码时使用的语句。 语法: if(条件) { 条件成立时执行代码} 注意：if小写，大写字母（IF）会出错！ 假设你应聘web前端技术开发岗位，如果你会HTML技术，你面试成功，欢迎加入公司。代码表示如下: 2. if...else语句 if...el
阅读全文
摘要：1. 数组 数组是一个值的集合，每个值都有一个索引号，从0开始，每个索引都有一个相应的值，根据需要添加更多数值。 2. 创建数组 创建数组语法： 我们创建数组的同时，还可以为数组指定长度，长度可任意指定。 注意：1.创建的新数组是空数组，没有值，如输出，则显示undefined。2.虽然创建数组时，
阅读全文
摘要：1. 什么是变量 什么是变量? 从字面上看，变量是可变的量；从编程角度讲，变量是用于存储某种/某些数值的存储器。我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服、玩具、水果...等。 2. 变量命名 我们为了区分盒子，可以用BOX1,BOX2等名称代表不同盒子，BOX1就是盒子的名字（也
阅读全文
摘要：1. JavaScript-输出内容（document.write） document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。 第一种:输出内容用""括起，直接输出""号内的内容。 <script type="text/javascript"> do
阅读全文
摘要：1.认识DOM 文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成的集合，三种常见的DOM节点: 1. 元素节
阅读全文
摘要：1. 水平居中设置-行内元素 我们在实际工作中常会遇到需要设置水平居中的场景，比如为了美观，文章的标题一般都是水平居中显示的。 这里我们又得分两种情况：行内元素 还是 块状元素 ，块状元素里面又分为定宽块状元素，以及不定宽块状元素。今天我们先来了解一下行内元素怎么进行水平居中？ 如果被设置元素为文本
阅读全文
摘要：1. 颜色值 在网页中的颜色设置是非常重要，有字体颜色（color）、背景颜色（background-color）、边框颜色（border）等，设置颜色的方法也有很多种： 1、英文命令颜色 前面几个小节中经常用到的就是这种设置方法： 2、RGB颜色 这个与 photoshop 中的 RGB 颜色是一
阅读全文
摘要：虽然CSS文件或者嵌入的CSS都纯文本文件，为了减少css样式代码的编写量，代码缩写是很有必要的。这样可以使用户访问你的网页的时候占用更少的带宽。 1. 盒模型代码简写 还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向
阅读全文
摘要：现在可以用所需的知识进行真正设计了，学习完本章节可以运用所学习的知识实现网页的多列布局，本章将围绕流动模型、浮动模型、层布局模型等布局技术展开研究，以便为后面制作复杂的网页打下基础。 1. css布局模型 清楚了CSS 盒模型的基本概念、 盒模型类型， 我们就可以深入探讨网页布局的基本模型了。布局模
阅读全文
摘要：盒模型是CSS布局的基石，它规定了网页元素如何显示以及元素间相互关系。本章将围绕盒模型的概念、结构、尺寸等基础知识展开研究，以便为后面的学习和日后网页设计奠定扎实的基础。 1. 元素分类 在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元
阅读全文
摘要：内联式css样式，直接写在现有的HTML标签中 CSS样式可以写在哪些地方呢？从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。这一小节先来讲解内联式。 内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码： 注意要写在元素的开始标签里，下面这种
阅读全文
摘要：1、继承 CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。 可见右侧结果窗口中p中的文本与s
阅读全文
摘要：1. 使用表单标签，与用户交互 网站怎样与用户进行交互？答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。 语法：<form method="传送方式" action="服务器文件"> 讲解： 1.<form> ：<form>
阅读全文
摘要：认识标签 1. <p>：段落 2. <body> 标签：网页上显示的内容放在这里 3、<em>和<strong>标签是为了强调一段话中的关键字时使用，它们的语义是强调。 <em> ： 斜体 <strong> ：加粗 2. <span>标签是没有语义的，它的作用就是为了设置单独的样式用的。 5、文本的
阅读全文
摘要：xml语言，即可扩展标记语言，它用来标记数据，定义数据类型，是一种允许用户对自己标记语言进行标记的源语言 从结构上来看，很像html 超文本标记语言。但是他们被设计的目的是不相同的，如下： XML：被用来传输和存储数据 html：被设计用来显示数据 XML 特征 由标签对组成：<aaa></aaa>
阅读全文
浙公网安备 33010602011771号