简单说一下业务场景,前台用户通过input输入内容,在离开焦点时,将内容在div中显示。 这时遇到一个问题,如果用户输入了html标签,则在div显示中,标签被解析。 由于是纯前端操作,不涉及后端,因此需要通过js对输入内容进行转义。 这里提供一个非常简单有效的转义方案,利用了innerHTML和i ...
分类:
Web程序 时间:
2020-06-02 12:59:08
阅读次数:
61
web前端 一、什么是HTML HTML:超文本标记语言,用来显示web信息的,浏览器负责解析。 超文本:除了文本外,可以显示超链接、图片、视频等等。 标记语言:使用标签来显示信息,而不是编程语言 标签的合适,以及什么是元素 格式 单标签:<标签名/> 双标签:<标签名>内容</标签名> 属性 <标 ...
分类:
Web程序 时间:
2020-05-30 15:28:37
阅读次数:
131
要想将CSS样式应用于特定的HTML元素,首先需要找到该目标元素。选择器是选择要添加要是的HTML标签的一种方式、模式。 CSS2.1版本的七种选择器: 基础选择器: 标签选择器、id选择器、类选择器、通配符选择器 高级选择器: 后端选择器、交集选择器、并集选择器 基础选择器 标签选择器 通过标签名 ...
分类:
Web程序 时间:
2020-05-28 01:01:27
阅读次数:
104
超链接 <a> 标签 <a herf = "链接的目标" target = "打开窗口的方式;默认为 _self; _blank 为在新的窗口打开跳转的页面"></a> <a>标签用于定义超链接,作用是从一个页面链接到另一个页面。 1. 外部链接(跳转到其他页面) <a href = "www.qq ...
分类:
Web程序 时间:
2020-05-26 18:30:09
阅读次数:
100
JavaScript 脚本的使用形式有三种: 行内 JavaScript 脚本 内部 JavaScript 脚本 外部 JavaScript 脚本 行内 JavaScript 脚本 将 js 脚本嵌入到 HTML 标签中。 <a href="javascript:alert('请等待评选结果,谢谢! ...
分类:
编程语言 时间:
2020-05-20 12:30:13
阅读次数:
47
01 html 01 html 初识 02 html 标签 03 html 表格 04 列表与表单 01 html 01 html 初识 02 html 标签 03 html 表格 04 列表与表单 ...
分类:
其他好文 时间:
2020-05-17 17:45:23
阅读次数:
51
package com.mmq.regex; import java.util.ArrayList; import java.util.List; import java.util.regex.Matcher; import java.util.regex.Pattern; /** * @use 获 ...
分类:
编程语言 时间:
2020-05-17 14:46:13
阅读次数:
114
typora-copy-images-to: media > 第01阶段.前端基础.认识HTML## 学习目标 - 理解 - HTML的概念 - HTML标签的分类 - HTML标签的关系 - HTML标签的语义化- 应用 - HTML骨架格式 - sublime基本使用 # 1. HTML 初识 ...
分类:
Web程序 时间:
2020-05-16 14:00:27
阅读次数:
86
在本章中,我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。 表单布局 Bootstrap 提供了下列类型的表单布局: 垂直表单(默认) 内联表单 水平表单 垂直或基本表单 基本的表单结构是 Bootstrap 自 ...
分类:
其他好文 时间:
2020-05-16 10:47:48
阅读次数:
69
HTML标签我们前面说过,HTML定义网页的结构,CSS给美化页面结构,接下来这几节课,我们就主要讲解构成HTML结构的元素,也就是HTML标签。HTML标签有很多,这里我们学习最为常用的,后面有些较少用的,我们可以查下手册就可以了。一、排版标签作用用于网页布局标题标签缩写head,头部说明为了使网页更具有语义化,将标题标签分为六个等级,h1-h6。语法<h1>一级标题</h1&
分类:
Web程序 时间:
2020-05-15 11:38:31
阅读次数:
68