前端设计 - 飞鸟慕鱼博客

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

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

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

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

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

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

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

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

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

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

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

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

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

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

js html自动刷新页面的方法

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

js 刷新当前页面的教程

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

js 截取字符串的方法教程

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

js FormData 对象的使用方法

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

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

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

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

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

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

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

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

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

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

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

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

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

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中支持正则表达式的 string 对象的方法js中的 search，match，replace 以及 split 对象方法，都可以使用正则表达式，

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

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

原生javascript操作cookie的方法教程

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