前端设计

前端web上传文件时，需要在上传之前判断一下文件的类型以及文件的大小，HTML为前端的标记语言是无法做到这一点，只能使用javascript 动态脚本代码来实现。js获取上传文件大小的方法示例代码：<!--表单数据--><form name="form1" id="form1"&g

FormData是XMLHttpRequest Level 2提供的一个接口对象，用以将数据编译成键值对，以便于XMLHttpRequest来发送数据。它可以用来模拟来添加，删除或判断表单数据，还可以用于文件的上传操作。FormData 使用方法1、FormData 用来处理一个html表单数据例：<!--表单数据--><

下面列几种利用jquery插件实现创建form表单，并自动提交数据的方法，一般在隐藏的数据提交并跳转页面时使用，非常的方法实用。jquery动生成form表单并提交的方法方法1：先来个稍微复杂点的，很多元素都是动态的写入form表中的，然后再将form表单写入到dom文档流中，进行提交的！示例代码：//创建form表单var form =

js中截取数组时要使用 slice() 方法，它可以从指定的数组中返回选定的元素，而不用改变原有的数组，非常的简单方便。js中slice() 方法slice()：从已有的数组中返回选定的元素，而不用改变原有的数组。语法：array.slice(start, end)参数：start：规定截取的位置，如为负数表示从数组的末尾开始。end：截

利用JS脚本从数组中随机取出多个不同的元素，其实非常的简单。只需要打要处理的数组进行打乱，然后在打乱的数组中截取指定的元素即可，下面是案例，大家可以参考一下。JS从数组中随机取出多个不同元素的方法1、定义一个打乱数组的方法//定义一个打乱数组的方法function shuffle(array) {var m = array.length,

html元素中checkbox与radio元素的样式在每个浏览器中显示的效果是不同的，为了统一它们在各个品牌浏览器中的显示样式，我们可以对它们做个简单的美化。html checkbox 元素美化实例：使用纯CSS代码就可以实现 checkbox 元素的美化，只需要隐藏掉 checkbox 选择元素，并使用css中的相邻兄弟选择器，来控制他

在表单提交的数据中如果含有html代码片段，为了保证数据入库的安全性，需要对提交的内容做一下html转义，下面就来说说利用JS代码进行HTML代码的转义与反转义的方法。JS 实现HTML转义与反转义的方法例1：js对html进行转义示例代码：var html = '<p>feiniaomy.com</p>&

利用JS脚本的length方法，可以很容易的获取数组的长度，其使用方法也非常的简单。js length 方法length：属性可返回字符串中的字符数目。语法：arrayObject.lengthjs length 使用方法例1：length 数组的长度var arr = new Array('a','b',

写几个利用纯CSS实现loading加载效果的示例，代码非常的简单，有需要的可以参考一下。CSS实现Loading加载的效果例1：loading 直线加载实例代码：<style>.load{width:120px;height:20px

JS获取网址中的get参数是非常简单的，下面就来详细的说一下。JS获取url中参数的方法方法1：//网址 http://feiniaomy.com/p.php?id=1&age=18&name=mochuvar query = window.location.search.substring(1);var vars = q

js脚本中的pow()方法与求幂运算符(**)都可以返回一个数的n次方法，也就是求幂运算。详细的使用方法，可参考下面博文内容。js求幂运算的方法方法1：js 使用pow()进行求幂运算pow()：可以方法返回 x 的 y 次幂。语法：Math.pow(x,y);参数：x：必需。底数。必须是数字。y：必需。幂数。必须是数字。示例：conso

web页面中使用一些CSS动画效果，可以使用网站看着更加的炫酷。下面这篇博文由飞鸟慕鱼说一个关于网页导航栏实现下划线跟随滑动效果的方法，此方法全部由CSS代码实现，非常的简单方便。CSS导航栏下划线跟随滑动效果示例图：实现代码：下面示例代码，复制保存到本为为html格式的文件，即可查看！<style>.items {disp

在web页面中，如果要输入内容，就需要使用 input 或 textarea 元素，但它们只能输入或显示纯文本的内容，无论对一个带有CSS样式的内容进行显示或手机编辑的，所以DIV元素就提供了一个可编辑内容的属性 contenteditable 。HTML contenteditable 属性contenteditable 属性规定元素内

上篇博文《js中字符与ASCII码互相转换的方法》中，飞鸟慕鱼说了一下单个字符转ASCII码以及ASCII转单个字符的方法，其中用到了JS脚本代码中的 charCodeAt() 与 fromCharCode() 方法，那么这篇博文就说一下，利用这两种方法对一个字符串进行一次性转换的方法。JS 字符串转ASCII码的方法JS 将字符串一次性

在js脚本代码中，可以使用 charCodeAt() 方法与 fromCharCode() 方法，将字符与ascii码之间进行来回的转换。其转换方法也非常的简单，只需要调用对应的方法即可。js字符转ASCII码的方法JavaScript charCodeAt() 方法可以将一个指定的字符转为对应的ASCII码，例：//feiniaomy.

在js脚本代中，如果调用的变量没有声明，则会抛出错误，会阻碍其它代码的运行。所以在调用不能确实已定义的变量时，最好先进行判断一下。js判断变量是否存在的方法使用 typeof 方法来判断变量是否已定义，typeof 可以输出变量的类型。在 js 中如果变量未声明，或未赋值，其变量通过 typeof 输出的类型为 undefined。例：i

在JS中可以通过利用正则表达式的方式，来检测一个标点符号是不是中文的，其过程也很简单，参考下面的博文内容。JS检测是否为中文标点符号的方法(1)、定义一个检测中文标点符号的JS函数函数代码：/* * @param t 输入检测的标点符号，单个的 * @return bool 如果是中文标点符号，返回TRUE，如果不是则返回 FALSE *

利用js脚本来去除字符串中的空格有多种方法，下面就列出几种，供大家参考与测试！JS去除字符串中空格的方法1、利用正规表达式去除字符串中的空格(1)、js去掉字符串中所有的空格例：var str = " feinaiomy. c om ";var str_1 = str.replace(/\s*/g,"&quo

在web页面中 textarea 元素是默认可以通过鼠标来拖动大小的，但CSS也提供了一个 resize 属性，此属性可以用来设置 textarea 是否可以被鼠标拖动大小，以及拖动的方向等等。textarea 的 resize 属性resize：用来定义 textarea 元素是否可以被拖动大小。属性值：none：不能调整元素的尺寸；b

如果子元素在父元素里面用的是绝对定位，那么我们可以通过JQ脚本准确的计算出子元素距离父元素各位之间的距离，下面就是方法，供大家参考。JQ获取子元素距离父元素各边的方法JQ获取子元素距离父元素各大边的方法代码：1、获取子元素距离父元素左边的方$('xx').position().left2、获取子元素距离父元素顶边的方法$(

利用js脚本随机获取数组中的一个元素，有多种方法，下面就来说一说其中比较简单好理解的方法，各位可以参考一下。js随机获取数据中的一个元素方法1：1、获取数组的长度2、根据数组的长度，随机出一个数组的下标3、利用获取到的下标，来取数组中的元素例：var arr = ["mochu","feiniaomy.com