当前位置: 首页  - 标签“JS“ - 列表 学而时习之,不亦说乎

JS

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

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

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

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

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

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

前端设计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>/

前端设计js 清空 input file 的值的方法

js 清空 input file 的值的方法

今天在做一个利用 JS 上传本地图片的小功能时,需要在文件上传成功后,清空 file 类型的 input 元素中所选择的本地文件,以方便二次功能的调用!而这篇文章飞鸟慕鱼博客就来说一说,如果利用 js 来清空一个 file 类型 input 元素的值。js 清空 input file 值的方法方法1:直接将 input file 的值改成

前端设计js 实现侧边栏跟随固定范围内浮动的效果

js 实现侧边栏跟随固定范围内浮动的效果

今天在写一个主题时,需要让页面的侧栏在指定的DIV元素范围内跟随浏览器进行浮动,具体要实现的效果,可在pc端查看本页面的右则部份,在页面的不断上下滚动的情况下,右则的则栏则始终会在浏览器的可视范围内,并不会超出遮挡其它的DIV元素,而这个效果的实现,需要用到一个叫“theia-sticky-sidebar.js” js文件。theia-s

前端设计js数组添加元素的几种方法

js数组添加元素的几种方法

js数组添加新元素的方法有很多,今天就说三种在平时常用到的方法,需要用到js中的 push()、unshift()以及splice()三种JS方法。方法的调用很简单,基本上看过一眼就知道的怎么用了。js数组结尾处添加新的元素js push() 方法,将一个或多个元素添加到数组的结尾处,并返回新数组的长度。语法:数组.push(元素1,元素

前端设计Js 判断数组是否为空或是否含有某个值

Js 判断数组是否为空或是否含有某个值

今天来说一下在前端的 JS 中关于数组的判断操作。比如 JS 判断数组是否为空,JS 判断数据中是否含有某个值。下面就来具体的说一下判断的方法吧。JS 判断数组是否为空JS 判断数组是否为空,只要取这个数组的长度,然后判断它的长度是否大于 0 即可。JS 中的 length 方法,可以取出 JS 数组的长度。示例1:js代码:<sc

1 2 3 4 5 末页
点击下拉

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

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