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

JS教程

前端设计Javascript正则表达式验证账号、手机号、电话和邮箱的合法性

Javascript正则表达式验证账号、手机号、电话和邮箱的合法性

正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象。我们可以利用正规表达式来对一些数据进行验证,比如对用户提交的邮箱地址,手机号码,用户名等等验证其是否合法。js验证帐号是否合法验证规则:字母开头,包含字母、数字、下划线长度为4-16位。function checkUser(str){ var r

前端设计js前端判断访问设备类型

js前端判断访问设备类型

现在做前端网页不仅仅要兼容各大浏览器,也要适配不同的显示设备。在PHP或其它语言中有很多判断浏览设备的方法,今天我们就说一说利用JS来判断来访问的终端设备是手机还是PC,并做出相应的跳转。JS判断浏览器userAgentUser Agent中文名为用户代理,是Http协议中的一部分,属于头域的组成部分,User Agent也简称UA。它是

前端设计jQuery length 属性

jQuery length 属性

在jquery中如果想获取一串字符串的个数或统计一个页面中用多少个相同的元素,我们可以使用jquery中的length属性jQuery length 属性length 属性包含 jQuery 对象中元素的数目。语法:$(selector).length例:jq获取一串字符串的个数示例代码:var url = 'http://www

前端设计js键盘监听事件详解,含键盘键码对照表

js键盘监听事件详解,含键盘键码对照表

前端web网页中,我们可以利用JS来监听用户键盘按键的操作,来实现网页上的一些JS特效。比如按回车键登录,在右键翻页等等。JS监听键盘事件keydown:表示用户按下按键时触发的事件keyup:表示用户按下按键盘抬起时发生的动作keypress:表示用户摁下摁键,并且产生一个字符时发生的动作代码示例:jquery(jq)监听键盘事件按下键

前端设计js replace()方法的介绍与使用教程

js replace()方法的介绍与使用教程

由于昨天小伙伴定制的插件中含有大量的JS数据处理逻辑,其中就包含了一些字符串中的指定字符串的替换功能,就恶补了一下前台HTML DOM 中replace() 方法的使用。js的replace()方法是用于替换某些内容,它可以接收两个参数,第一个是一个被替换的正则表达式对象或者一个字符串,第二个可以是将要替换成的内容或者函数,将要替换成的内

前端设计js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选

js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选

在WEB前端的设计中,我们离不开对HTML中元素的修改。当然这也要归功于JS动态脚步对元素(父节点,子节点,兄弟节点)的操作和筛选。那么这篇文章就说一说JS或JQusery中前端中对元素操作和筛选的一些使用方法。js(javascript)获取元素父节点,元素子节点,元素兄弟节点的方法JS中内置了大量的获取元素节点的方法,我们可以种用它们

前端设计复制网页页面文字自动携带版权声明的方法

复制网页页面文字自动携带版权声明的方法

现代前端网页的制作中,越来越离不开JS的使用。通过今天的这篇文章,墨初就来说说利用JS来实现,复制网站页面部份内容时,自动向复制的内容中添加网站版权或声明的方法。javascript复制网页内容添加版权的方法代码document.addEventListener('copy', function (event) {var

前端设计JavaScrip(JS)t时间戳与时间日期间相互转换

JavaScrip(JS)t时间戳与时间日期间相互转换

前几篇文章中说了一下,在PHP脚本中如何对时间进行时间戳与时间格式的转换,今天我们来说说在javascript(js)中如何对时间戳与时间日期之间的相互转换以及用法。javascript的getTime()方法可以输入时间戳利用js输入现在时间以及指定时间的时间戳代码//将当前的时间转换成时间戳var now = new Date();c

前端设计代码收集-利果Javascript操作网站cookie

代码收集-利果Javascript操作网站cookie

前两篇文章说明了一下,PHP种利有setcookie函数和$_COOKIE变量分别对网站进入cookie的写入与读取操作,那么今天收集了一段使用JS对网站的cookie进行写入或读取的代码。由于代码未做测试,小伙件们,使用的时间请自己测试或修改利用Javascript对网站的cookie进入写入或读取操作代码<script>/

前端设计JS中生成随机数与随机字符串的方法

JS中生成随机数与随机字符串的方法

前几天写了篇利用PHP生成唯一订单号的方法,其中利用到了PHP中的随机,那么今天就来说一说,利用JS生成随机数的几种方法。有JS有现成的取随机数的函数,下面就能利用到几种,可以生成规定的两个数值之间的随机数,也可以生成一串随机的字符串利用JS编写函数,随机两个值之间的数字代码我们先写出一个取两个数值之间的随机数的函数function Ge

前端设计js中split函数分割字符串为数组

js中split函数分割字符串为数组

在一些程序的操作中,都需要把一串长长的字符串,按照某一个字符把其分割成数组,然后再给数组进行排列或是任意组合,亦或者单独输出某一部份。当然在js中也给我们提供好了函数,来把一串字符串进行分割成数组,已便于我们方便的组合或输出。javascript中split定义与语法定义split() 方法用于把一个字符串分割成字符串数组。语法strin

前端设计JavaScript中for...in 语句详解

JavaScript中for...in 语句详解

在编程中我们会使用到各式各样的循环语句,以使我们可以对一个数组进行读操作或是写入赋值的操作,当然在javascript中这少不了这样的循环语句的存在。今天记录一下关于JavaScript for...in 语句JavaScript for...in语法:for (变量 in 对象)作用:用于对数组或者对象的属性进行循环操作,代码每执行一次

前端设计javascript中的addEventListener()方法

javascript中的addEventListener()方法

我们操作HTML DOM对象的时候,可以利addEventListener()方法为某个被选中的DOM对象添加一个事件,用来操作这个被选中的对象。下面就记录一下,如果利javascript的addEventListener方法,为HTML的ODM对象添加一个事件!addEventListener()定义与语法addEventListene

前端设计jQuery获取当前页面的URL信息

jQuery获取当前页面的URL信息

在网站时不少客户要求导航条具有高亮功能,如果换到以前肯定是一个页面一个页面的去写代码,那样的话太麻烦,而且还不利于后期的维护和修改。不过现在有了jQuery了可以省去好多的事,再麻烦的事不就是一行JQ代码的事,如果解决不了,那就二行。window.locationjQuery中的window.location可以获取当前网页的URL地址,

前端设计javascript中ClassName属性的详解与实例

javascript中ClassName属性的详解与实例

在javascritp中,我们可以通过style属性可以控制元素的样式,从而实现行为层通过DOM的style属性去干预显示层显示的目标,但是这种方法是不好的,而且为了实现通过DOM脚本设置的样式,你不得不花时间去研究javascrip函数,去寻找对应修改和设置样式的有关语句。而且每次修改和添加JS脚本的工作量远远大于我们修改CSS属性的量

前端设计javascript中的innerHTML属性有什么作用

javascript中的innerHTML属性有什么作用

innerHTML在javaScript中具有双向功能,一是可以从指定的元素对象中获取内容,二是可以把自定义内容插入到指定的元素对象中去。定义和用法innerHTML属性用于设置或返回指定标签之间的HTML内容Object.innerHTML = "HTML";// 设置 var html = Object.inne

前端设计javascript在指定的元素前或后插入新元素

javascript在指定的元素前或后插入新元素

在前几篇的博文中,我们说了利用appendChild方法可以在DOM文档流中指定的元素后追加利用createElement方法和createTextNode方法创建的新元素,但是appendChild追加的元素都是子元素,不可以现实我们需要下面说的在指定元素前或后插入新元素的方案。insertBefore()方法insertBefore(

前端设计javascript中创建元素节点,文本节点与插入节点

javascript中创建元素节点,文本节点与插入节点

在javascript中提供了很多操作DOM文档的方法,当然也包括创建一个节点(元素),创建一个文本节点(text),还有把创建的节点插入到文档中去。createElement方法createElement方法创建一个新的元素节点,但他只能创建元素并不能创建元素中的内容语法:document.createElement(nodename)

前端设计javascript中的addLoadEvent函数解析

javascript中的addLoadEvent函数解析

onload事件是HTML DOM Event 对象的一个属性,又叫事件句柄(Event Handlers),它会在页面或图像加载完成后(注意是加载完成后)立即发生。window.onload = func的作用就是在页面加载完成后将func函数绑定到onload事件上并执行。如果页面加载完成之后,只需要执行一个函数func,那么只用wi

前端设计HTML DOM nodeType 属性

HTML DOM nodeType 属性

JavaScript中给出这样一个操作HTML或XML的一个属性:nodeType,px 它可以返回以数字值返回指定节点的节点类型!如果节点是元素节点,则 nodeType 属性将返回 1。如果节点是属性节点,则 nodeType 属性将返回 2。示例代码:<!DOCTYPE html><html><body

前端设计JaveScript操作DOM节点的childNodes属性

JaveScript操作DOM节点的childNodes属性

在一棵节点树上(DOM文档),childNodes属性可以获取任何一个节点下的所有子元素节点,它获取的值是一个包含这个元素全部子元素的数组,但是这个数组中包含的东西太多,几乎每一样东西都是一个节点,甚至连空格以及换行符都被解释成一个节点。比如,我们想把一个元素节点中所有的子元素节点都获取出来,该如何做呢?例:获取ID为mochu元素下的所

点击下拉

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

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