-
CSS 解决 HTML 大段文本没有换行问题
问题 有一大段说明文字,已经分段落和换行好了,但是页面上去没有换行,而且空格也被去掉了。 解决方法 使用white-space的pre-wrap样式。 whit
-
JavaScript 获取 HTML 中的文字字数
需求 计算HTML中的文字字数,因为有很多标签,需要正则提取,比较麻烦。使用JavaScript内置方法获取。 代码 获取id为div-content标签下的字
2023-12-02, Views: 655 , Topics: JavaScript HTML
-
HTML table 水平滚动
需求 当table有很多列时,无能显示在指定宽度上,需水平滚动。 解决 最主要是display: block和overflow-x: auto。 table {
2023-09-20, Views: 883 , Topics: HTML
-
HTML 显示 PDF 文件的几种方式
object 标签 data属性中配置PDF文件路径,type选择application/pdf。 <html> <head>
-
HTML 输入框 input 清空按钮
CSS input[type=search]::-webkit-search-cancel-button { -webkit-appearance: n
-
HTML 使用 CSS 移除 input datalist 下拉箭头
需求 input配置了datalist后,输入框尾部会带一个下拉箭头,需要去掉。 样式 [list]::-webkit-calendar-picker-indi
-
HTML 使用 CSS 改变文本选中颜色
代码 color:选中后的文字颜色。 background:背景色。 ::selection { background:#4CAF50; col
-
HTML 防止爬虫抓取方法
robots.txt 设置robots.txt爬虫抓取规则,一般放置在域名根目录。 如:不允许抓取/admin下的路径及子路径。 User-agent: * D
2023-09-13, Views: 731 , Topics: HTML
-
HTML 使用 tabindex 控制 Tab 键按键顺序
格式 number从1开始。 <element tabindex="number"> 防止 Tab 键选中 将tabindex设置为-1将不会被Ta
2022-09-08, Views: 1313 , Topics: HTML
-
JavaScript 判断字符串中是否含有 HTML 标签
正则表达式 function checkHtml(htmlStr) { var reg = /<[^>]+>/g; retu
2022-07-05, Views: 2793 , Topics: JavaScript HTML 正则表达式
-
HTML 禁止在移动端缩放
需求 禁止网页在Android、iOS、平板等设备中缩放,导致元素大小不一致。 方法 添加viewport,设置缩放属性。 <meta name="vie
2021-06-23, Views: 2068 , Topics: HTML
-
使用 Packer.js 压缩 HTML 和 JavaScript
关于 Packer.js Packer.js可以压缩HTML和JavaScript,开启变量混淆,也可以一定程度上混淆JavaScript代码。 构造方法 sc
2021-06-12, Views: 19005 , Topics: JavaScript HTML
-
iframe 直接加载 HTML 代码
HTML5 srcdoc <iframe seamless frameborder=0 scrolling=no width="100%" height=
2021-06-03, Views: 2982 , Topics: HTML
-
HTML iframe 设置不显示滚动条和边框
scrolling 设置iframe属性scrolling: no即可不显示滚动条。如果不给iframe设置足够的height则可能会截断网页。 有滚动条!'>
2021-06-01, Views: 5683 , Topics: HTML
-
HTML input 输入框禁止显示输入过的历史数据
描述 input输入框会自动提示在页面中提交过的数据。 解决 给input添加autocomplete="off"属性,关闭自动提示功能。 可能在一些浏览器出现
2021-05-31, Views: 2480 , Topics: HTML
-
HTML 自定义表单验证信息
说明 在oninvalid事件时调用setCustomValidity方法设置自定义信息。在oninput事件时将提示信息置空。 代码 <form act
2021-05-30, Views: 1849 , Topics: HTML
-
HTML 判断是否禁用了 JS
noscript 在<head></head>中使用自带<noscript></noscript>标签,可有浏览
2020-11-27, Views: 2690 , Topics: HTML JavaScript
-
Spring Boot 不引入模板引擎加载 HTML 网页等资源
配置文件 最主要配置spring.mvc.static-path-pattern和spring.resources.static-locations位置。 sp
2020-11-17, Views: 2415 , Topics: Spring Boot HTML
-
前端文件下载时重命名文件名
a 标签 使用a标签的download属性可重命名文件名。但必须是同源,在跨域的网页中无法重命名。 <a href="https://xxx.com/pi
2020-09-18, Views: 7595 , Topics: JavaScript HTML 跨域
-
CSS 网页变灰效果
滤镜函数 设置在html节点,则应用于全局。 html { -webkit-filter: grayscale(100%); -moz-filt