简单说一下业务场景,前台用户通过input输入内容,在离开焦点时,将内容在div中显示。这时遇到一个问题,如果用户输入了html标签,则在div显示中,标签被解析。由于是纯前端操作,不涉及后端,因此需要通过js对输入内容进行转义。这里提供一个非常简单有效转义方案,利用了innerHTML和innerText注:火狐不支持innerText,需要使用 textContent 属性,而IE早期版本不
<!doctype html public "-//w3c//dtd html 4.0 transitional//en"><html> <head> <title> new document </title> <meta name="generator" content="editplus"> <meta nam
转载 2023-05-25 11:27:20
230阅读
在jsp文件中,通过js脚本加正则表达式去掉html标签样式,例如,编辑器里面的文字会有很多样式,我们怎么给去掉呢?像下面这图中,就是编辑器,我们给加入一点样式后,看着编辑器里面很简单:如下:这时候,你点击左下角“代码”时候,你会看到如下样式:<p style="text-align: justify;"> <span style="...
原创 2021-12-28 16:35:00
841阅读
select基本语法: <select> <option></option> </select> 例子: <p>籍贯: <select name="province" id="" multiple size="2"> <option value="">广东省</option> <option va ...
转载 2021-09-30 12:13:00
267阅读
2评论
主要就是为了快速复制。常用代码:<script type="text/javascript" src="http://www.test.com/js"></script><link rel="stylesheet" type="text/css" href="http://www.test.com/common.css"><style id="stylus
原创 2023-02-28 09:15:33
106阅读
目录简单介绍HTML常用标签1.html骨架标签2.标题标签3.段落标签4.换行标签5.文本格式化标签6.div标签,span标签和pre标签7.图像标签8.超链接标签9.注释标签10.表格标签11.列表标签12.表单标签特殊字符标签查阅网址简单介绍html:超文本标记语言(Hyper Text Markup Language),是一种用来描述网页标记语言,包含了一系列标签,通过这些标签来对网
目录1 引言2 常用标签2.1 基础标签2.2 格式标签2.3 表格标签2.4 表单标签2.5 列表标签2.6 其他标签1 引言静态网页技术静态网页开发技术包括HTML、CSS、JavaScript。HTML用于搭建基础网页、展示页面内容。CSS用于美化页面、布局页面。JavaScript用于控制页面元素、让页面有一些动态效果,如轮播图等等。HTMLHTML是Hyper Text Markup L
转载 2023-07-14 21:18:47
34阅读
HTML(css选择器)我们常用选择器有三种:标签选择器(元素选择器)、id选择器、类选择器一、选择器1.标签选择器 与之前使用内嵌式css引入方法相同,span名称可以任意修改 语法为在head标签内添加:标签名{样式},在body内部想要引入样式范围添加标签名包裹 head内部:span { color: black;background-color: brown;font
最近在尝试实现一个js模板引擎,其中涉及到使用js解析html字符串功能。由于我实现这个模板不止是要能替换参数输出html字符串,还要可以解析出每个dom元素名称及参数啥。网上找到了一个叫做t7模板。它解析方式是逐个遍历每个字符,然后检测是否遇到了"<"和">"来判断当前是否遍历到标签内了。我大概测试了下逐个遍历字符,主要是发现字符很多时,在IE11(以及用IE11开启I
转载 2023-06-06 20:30:30
280阅读
web网页是由 html标签一层层组成js也可以动态添加对应标签,比如mate标签、script标签、div标签、img标签等,动态创建方法基本都差不多,下面将简单介绍下如何实现 一:手动添加mate标签function addMeta(name,content){//手动添加mate标签 let meta = document.createElement('meta
常见获取元素方法有3种,分别是通过元素ID、通过标签名字和通过类名字来获取。getElementByIdDOM提供了一个名为getElementById方法,这个方法将返回一个与之对应id属性节点对象。使用时候请注意区分大小写。它是document对象特有的函数,只能通过其来调用该方法。其使用方法如下:document.getElementById('demo') //demo是元素对
JS转换HTML转义符//去掉html标签 function removeHtmlTab(tab) { return tab.replace(/<[^<>]+?>/g,'');//删除所有HTML标签 }  //普通字符转换成转意符 function html2Escape(sHtml) { return sHtml.replace(/[<>
目录1.1 对象字面量创建对象2.1 工厂方法创建对象3.1 构造函数3.2 构造函数修改可以使用三种方式来创建对象,        利用对象字面量创建对象,        利用new Object创建对象,  &nb
目录前言修改步骤检验效果 前言最近抱着玩态度接触了一下JavaScript,不得不说JS还是有很多好玩功能,例如我接下来我将记下如何用JavaScript对html标签进行修改~~(入门级)~~ 其实即使不是搞前端,对于html标签应该也有所了解。当然,如果单纯采用html5语法,标签是静态。因此如果你想加个逻辑上去,就可以采用JavaScript 例如,有这么一段html代码<b
转载 2023-09-29 10:47:17
119阅读
1.input标签(1)type:规定 input 元素类型。type=""(2)name:规定 input 元素名称,用于对提交到服务器后表单数据进行标识。 用法:name="" (3)placeholder:属性提供可描述输入字段预期值提示信息.<input type="text" name="。。。" placeholder="请输入0-96位数编码"/>(3)subm
  <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript">    function validate(){     //一.是通过jDOM &nbs
原创 2012-03-16 14:37:41
2941阅读
协议是一组没有实现方法列表,任何类均可采纳协议并具体实现这组方法。Objective-C在NeXT时期曾经试图引入多重继承概念,但由于协议出现而没有实现。协议类似于 Java 与 C# 语言中"接口"。在 Objective-C 中,有两种定义协议方式:由编译器保证"正式协议",以及为特定目的设定"非正式协议"。非正式协议
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE
原创 2022-12-21 10:12:31
47阅读
首先我们想一下我们平常看到日历选择器,通常头部会有一个星期几表头,下面就是日期,而日期下面通常会有1号,1号前面应该有一些上个月日期,而最后一天后面还应该有下一个月日期。对于日期相关处理,JavaScript 提供了 Date 对象。getDate 获得一个月第几天 getDay 获得一个星期第几天 (0 - 6) getMonth 获取月份 (0 - 11) getFullYear 获
一、video标签     H5新增了video实现在线播放视频功能:     代码示例: 1 <video controls="controls"> 2 <source src="http://www.w3school.com.cn/i/movie.ogg" type="video/og
  • 1
  • 2
  • 3
  • 4
  • 5