当前位置: 首页  - 个人笔记  - 前端设计  - 列表 学而时习之,不亦说乎

前端设计

前端设计去掉input(number类型)输入框箭头的方法教程

去掉input(number类型)输入框箭头的方法教程

在web前端中,number类型的input输入框在获得鼠标焦点的情况下,会出现两个向上和向下的箭头。虽然箭头可用于input输入框中的数字增大和减小,但在某些特定的场景中反而会让用户产生错乱的感觉。为了避免此情况的发生,我们可以使用css样式来隐藏掉 input 中的箭头,下面来说说方法!number类型input输入框去掉箭头的教程1

前端设计 html input 限制输入的长度并提示的方法

html input 限制输入的长度并提示的方法

html 中 input 标签的 value 值的长度理论上应该是 2^32(数据来源于资料,没有测试过),但为了防止一些 input 的输入数据过长来做一些限制,该如何实现呢?这篇文章就来介绍一下,如何限制 input 输入数据的长度并且输入的数据超过规定的长度该如何去提示?html input 限制输入字符串长度的方法input 标签

前端设计禁止 input 自动弹出下拉框的方法

禁止 input 自动弹出下拉框的方法

经常设计 form 表单的开发应该知道,用户在浏览器中向表单输入信息的时候会被 input 记录下来,以后每次双击 input 文本框时都会展示以前输入过的信息,虽然这样很方便,但会暴露用户的隐私数据。那如何禁止 input 输入框不记录用户输入的信息呢?下面就来说一下!input 中的 autocomplete 属性autocomple

前端设计js实现鼠标拖动div改变其位置的教程

js实现鼠标拖动div改变其位置的教程

今天接到一个小小的需求,就是利用 JS 来实现鼠标拖动一个div,来实现其位置的改变。虽然说要求看着很简单,但实现起来还是比较难一点的,下面就说说实现的方法!js实现鼠标拖动div改变其位置的方法先上个图示,大家看一下效果!js实现鼠标拖动的div的代码html完整代码<!DOCTYPE html><html>&l

前端设计DIV+CSS制作(table)表格的方法

DIV+CSS制作(table)表格的方法

在前端的网页设计需求中,有时候需要使用表格来展示一些数据,但又不能使用 html 中的 table 标签来做,那么我们只有使用 DIV + CSS 来画一个表格了。下面就介绍几种方法,大家来参考一下!使用 DIV+CSS 制作一个表格先上一个由CSS+DIV简单制作的表格样式的示例!html示例代码:<!DOCTYPE html&g

前端设计限制 html input 只能输入数字的方法

限制 html input 只能输入数字的方法

在前台的 html 页面设计中,有时候需要 input 输入框中只能输入数字。那么如何对 input 的输入类型做限制呢?下面飞鸟慕鱼博客的小编就来和大家说一说!限制 input 只能输入大于 0 的正整数的示例示例1:下面的代码可以实现,input 只限制输入大于 0 的正整数,但是如果使用复制粘贴内容的方法,是可以绕过判断的,因为它只

前端设计js 对 html 字符转义与反转义的方法

js 对 html 字符转义与反转义的方法

在编写 html 时,为使其代码可以在页面上正常的显示。我们需要对其进行转义操作,这样也可以在一定的程度上避免的 XSS 攻击!这篇博文就简单的介绍一下利用 JS 对 HTML 代码进行转义与反转义的方法。js replace 方法在讲解 js 如何转义 html 代码,先说一说 js 方法。因为下面要用得到,先了解一下。replace(

前端设计 js html自动刷新页面的方法

js html自动刷新页面的方法

昨天水了一篇关于 JS 刷新页面的方法,今天阅读时发现少写了一些小知识点,那么就再水一篇关于 JS 与 html 如何自动刷新页面的方法的教程。js 自动刷新页面的的方法示例我们可以利用 JS 中 setTimeout() 方法来实现定时的功能,只需要对这个函数添加一个调用的函数和时间段即可!js 代码<script>func

前端设计js 刷新当前页面的教程

js 刷新当前页面的教程

时间太晚了,就水一篇简单点的博文吧。写一写利用 js 脚本来刷新页面的几种常用方法!js reload() 方法来刷新网页reload():方法用于重新加载当前文档。语法:location.reload(force);参数:force:可选参数, 默认为 false,从客户端缓存里取当前页。如设置为 true 则从服务器拉取页面,相当于

前端设计js 截取字符串的方法教程

js 截取字符串的方法教程

在 js 中截取字符串时,一般常用的是三种方法,此三种方法分别为:slice() , substring() 以及 substr()。这三个方法都可以接受一个参数或二个参数的控制。关于这三个参数的使用,下面来简单的介绍一下。js slice() 方法截取字符串js 中的 slice() 方法其实常用于对数组元素的截取,但是它还可以用于字段

前端设计 js FormData 对象的使用方法

js FormData 对象的使用方法

js 中的 formData 对象是ajax2.0(XMLHttpRequest Level2)新提出的接口,利用 FormData 对象可以将form表单元素的 name 与 value 进行组合,实现表单数据的序列化,从而减少表单元素的拼接难度,提高工作效率!创建一个 FormData 对象1、创建一个空的 Formdata 对象&l

前端设计用JS实现监听URL地址变化的教程

用JS实现监听URL地址变化的教程

最近一直在写单页模版,需要使用 js 来监听浏览器地址栏中 url 地址的变化,并做出相应的改变。而这篇文章就来说一说,使用用 JS 代码来监听浏览器地址栏URL地址的变化的方法。js onhashchange 事件当前的url地址发生改时(锚点部或参数部分),可以触发 js 中的 onhashchange 事件。以调用都可以触发 js

前端设计js将时间转换为几分钟前,几小时前,几天前的方法

js将时间转换为几分钟前,几小时前,几天前的方法

昨天写了一篇关于 js 中时间戳与日期格式之间相互转换的文章,就是为了今天这篇文章做铺垫的。那么今天就来说一说,js将时间转换为几秒前,几分钟前,几小时前,几天前的一个小方法。本篇文章涉及到js中的时间戳与日期格式,可参考昨天的文章《js 时间戳与日期格式之间相互转换的方法教程》例1:js将时间转换为几分钟前,几小时前,几天前的方法js函

前端设计js 时间戳与日期格式之间相互转换的方法教程

js 时间戳与日期格式之间相互转换的方法教程

js 中的 Date() 时间处理对象,可以很方便的对时间与日期进行操作,下面就来简单的说一下,js Date() 对象的使用方法。js 时间戳转日期格的方法js代码示例:<script>var date = new Date(); //默认情况下,date 对象会自动把当前的时间和日期当作初始值。Y =&nbs

前端设计js 判断浏览器类型及版本号的方法

js 判断浏览器类型及版本号的方法

通过使用JS来判断用户的浏览器类型,可以让网页在不同类型的浏览器中显示不同的内容。下面就和大家说一说,使用 js 代码来判断用户浏览器是何种类型的教程!js 判断浏览器的类型可以通过 js 代码获取到用户浏览器的 userAgent 字符串,再对 userAgent 字符串进行分析,可以获取到用户浏览器的类型信息!方法1:<scri

前端设计js获取浏览器高度与宽度的方法

js获取浏览器高度与宽度的方法

今天在写一个js效果时,需要用到浏览器显示区域高度的值,所以就查了一下相关的js方法,发现里面的道道还真的不少。下面就来详细的说一下。先上图,再看内容!图片来自网络,侵删js获取浏览器可视区域的高度和宽度的方法1、获取没有声明 DOCTYPE IE浏览器显示窗口的大小document.body.offsetWidthdocument.bo

前端设计js 实现全屏与退出全屏的方法教程

js 实现全屏与退出全屏的方法教程

今天有个小功能要写,就是利用 JS 代码来实现浏览器的全屏模式与退出浏览器全屏模式,自己网上也收集过一些相关的代码,分享出来,供大家参考一下。js 实现浏览器全屏与退出全屏幕的方法js函数代码:<script>//浏览器全屏function fullScreen() {var el = document.documentEle

前端设计js 将文件的大小转换成 B KB MB GB的方法教程

js 将文件的大小转换成 B KB MB GB的方法教程

以前写过一篇关于在php中将一个文件的大小(以字节为单位),转化成以合适的单位(B,KB,MB,GB)来表示的教程教程,由于博主个人习惯把一些不重要的逻辑放到用户的浏览器中去执行,也就是用JS来处理。所以就写了一个利用 js 来将文件大小转化为B KB MB GB为单位的转化方法。例1:js 字节转换成 B KB MB GB 的方法js函

前端设计js 中正则表达式的使用方法教程

js 中正则表达式的使用方法教程

昨天发了一篇在JS中可以使用的正规表达式大全。然后晚上就有常来博客访问的小伙伴来问,如何在JS中使用这些的正规则表达式?然后自己就整理了一些关于JS中使用正则表达式的方法,给大家做个参考吧。JS中支持正则表达式的 string 对象的方法js中的 search,match,replace 以及 split 对象方法,都可以使用正则表达式,

前端设计收集的常用的 JS 正则表达式大全

收集的常用的 JS 正则表达式大全

闲来无事,收集了一些 javascript 正则表达式(当然,你也可以使用到其它语言上,不仅仅局限于js),供大家参考试用,不过部份表达式个人并没有亲自测试,如果正式环境使用的话,请测试无误后,再使用。js 正则表达式大全1、手机机身码(IMEI)正则表达式/^\d{15,17}$/2、统一社会信用代码正则表达式/^[0-9A-HJ-NP

前端设计原生javascript操作cookie的方法教程

原生javascript操作cookie的方法教程

现在很多站长们都喜欢使用 JQ 插件 jquery.cookie.js 来对 cookie 进行创建,读取和删除的操作,因为它简单方便,一行代码就可以搞定。但如果我们使用原生的 JS 代码该如何去写的呢?下面就写一下关于原生 JS 来操作 cookie 的方法示例。原生js新建cookie的方法js示例代码:<script>/

1 2 3 4 5 末页
点击下拉

ZBLOG主题/插件定制开发流程

ZBLOG主题/插件定制开发流程