javascript
关注
分享
扫一扫
new_codeer
前端小白~~
展开
-
用js动态返回各类文本框的值
1.返回单行文本输入框的值示例：用户名<input type="text" id="sname"> 返回方法：td1.innerHTML = document.getElementById("sname").value; 注：必须要用ById方法，ByNames方法不可实现。2.返回多行文本框的值示例：详细地址<textarea rows="5" cols="30" id="adds"></t原创 2015-12-16 21:50:14 · 1989 阅读 · 0 评论 -
js 正则表达式
本来打算昨天复习正则表达式，然后整理一下的，结果昨天看了一天的bootstrap，，就没复习正则，今天整理一下吧~~教程是在菜鸟教程看的，感觉挺棒的~这是网址：http://www.runoob.com/regexp/regexp-tutorial.html正则表达式基本语法1.非打印字符、2.特殊字符 需要注意的是要使用这些特殊字符，必须先进行转义。3,限定符4.定位符5.元字符元字符有很多，就不原创 2016-11-10 19:05:14 · 721 阅读 · 0 评论 -
js JSON
1.基本语法json的语法可以表示为三种类型的值1.简单值：适用于js相同的语法，可以在json中表示字符串、数值、布尔值和null，但是不支持undefined。json字符串与js字符串最大的不同是在json中字符串2.对象：表示一组无序的键值对。{ "name":"lucy", "age":"22"}与js中的字面量不同，json中的对象不需要声明（json中没有变量的概原创 2016-10-21 19:18:10 · 312 阅读 · 0 评论 -
关于本地存储的那些事
好久没有更博了呢，，博主是个懒妹子~~~今天，我们就来说一下关于web前段关于本地存储的那些事。对于本地存储从来就不是一个新鲜的概念，随着web应用程序的出现，也产生了对于能够字节在客户端上存储用户信息能力的要求。主要常用的方式也就是那么几种，用一张很经典的图来开始我们这个话题。1.cookies在h5之前，一般采用cookies的方式。什么是cookie？cookie是存储于访问者计算机中的变量原创 2016-10-21 13:59:38 · 603 阅读 · 1 评论 -
原生js实现简单微博发布功能Dom（节点操作）
现在很多人都在用微博，微博成为一种很普遍的分享，交流平台，以至于养成了每天睁开眼睛第一件事情和每天晚上闭上眼睛之前最后一件事就是要刷微博。博主一般就是潜水，默默的刷别人的微博，以至于到现在我的粉丝依旧是9个，特别稳定~~搞得本宝宝很焦灼...（有想要关注我的，可以私信哦~嘻嘻） 好啦，废话不多说，进入正题。。（只是实现简单的节点操作，做的不好勿喷~~~）这个简单的功能主要分为三大部分：原创 2016-08-25 18:34:48 · 3434 阅读 · 4 评论 -
javaScript实例：tab切换效果
我们平时经常会用到tab切换的效果，如下图：这个效果很常见，用js就可以实现。布局分析：我们可以先让其中的一块内容显示，其他的内容先隐藏，当用户点击头部标签时，可以让当前内容隐藏，点击部分的内容显示出来。通过改变标签样式就可以实现。html、css代码如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <原创 2016-08-13 17:30:55 · 5963 阅读 · 0 评论 -
13道JavaScript题
今天无意间看到的，拿来分享一下~~ 题目一——————————(function(){return typeof arguments;})();答案：“object”arguments是对象,伪数组有两件事要注意这里：参数不是数组，它是一个数组一样的物体,你可以使用方括号和整数索引的元素，但方法通常可在一个如推上不存在参数数组 Array.prototype.slice.call(argumen转载 2016-08-12 20:18:25 · 449 阅读 · 0 评论 -
关于js中变量作用于和变量提升的那些事
一个变量的作用域（scope）是程序源代码中定义这个变量的区域。 全局变量拥有全局作用域，在javaScript代码中任何地方都有定义的。 然而在函数内声明的变量只是在函数内部有定义，他们是局部变量，作用域也只是在局部。在函数体内，局部变量的优先级要高于全局变量。如果在函数体内重新声明一个与局部变量重名的变量，局部变量就会覆盖全局变量的值。 var scope="全局变量"; funct原创 2016-08-12 17:47:08 · 3698 阅读 · 2 评论 -
js 正则表达式多个转义字符的用法
我们都知道在js中遇到特殊字符要使用转义字符，但是如果多个转义字符同时出现的话，那又是怎么用的呢，我突发奇想，然后去一个一个的试了一下，最后终于把这个地方搞清楚了。js中定义正则表达式有两种方法，这两种方法同样的正则表达式但是运行的结果可能是不相同的。第一种，直接定义法：var reg1 = /\d/g;var str = '1';console.log(reg1.test(str));//返原创 2016-09-01 09:49:32 · 5966 阅读 · 0 评论 -
js 随机获取10个不重复的1~20之间的整数数组
要想用js随机获取10个1~20之间的整数组成一个数组，这并不困难，但是这样获取出来的数字难免会有重复的，那么如何获取出一个不重复的数组呢。js代码如下：<body> <p id="pid"></p> <script> var pid = document.getElementById('pid'); var arr = []; for原创 2016-08-31 18:06:02 · 18959 阅读 · 0 评论 -
js 瀑布流效果
平时，淘宝上我们经常会见到瀑布流效果，如下图~这个效果用css3的一个分列效果就可以实现，今天我们用原生js来做一下这个效果。首先我们来整理一下思路，先定义一个div，用做最大的布局盒子，并且实现图片的布局。然后定义一个pic，并且将float设置为left，让盒子横向排列。然后定义一个div 类名为box，给这个盒子设置边框，里面存放图片。在写样式表的时候，我们可以只设置图片的宽度，将每一张的图片原创 2016-08-31 17:30:51 · 521 阅读 · 0 评论 -
js 小球碰壁反弹and小球碰撞
好像好几天没有更博了呢，最近有点变懒了，这样不好，不好~~我们要做热爱学习的好孩子，嘻嘻，今天下午补上。。。我们在学习js的时候，一个很经典的案例就是小球的碰壁反弹效果啦~简单的小球碰壁效果可以慢慢延伸，让我们做出的效果更漂亮。如图~这个样子放上好像有点单调，这个案例就是实现了多个小球的同时碰壁反弹，并且不同的小球碰撞后也可发生碰撞反应，相应的小球运动方向也会发生改变。什么事情都要从简单开始，一点一原创 2016-08-31 16:42:58 · 15635 阅读 · 4 评论 -
js中的scrollleft、style.left、clientLeft、offsetLeft
相信大家都见过这张图，乍一看，这张图乱七八糟的，看见就很头疼，但是为了搞清楚这几个left到底什么是什么，只能硬着头皮慢慢分析了~其实，仔细看看，这张图差不多就分为五大部分。盒模型的组成部分，padding、margin、border和content，这个我们就不做解释啦。。style部分。这个在position定位中经常用到。scroll部分。client部分。offset部分。现在，原创 2016-08-21 17:58:43 · 7462 阅读 · 0 评论 -
js 京东地址选择
最近在写京东，老师说等我们把京东整个页面都写完，以后再写其他的页面就会觉得好简单啊，因为京东的首页太麻烦，工作量太大。没写之前我觉得不就是比其他页面长一些嘛，有什么大不了。可真正开始写才发现，京东这个首页哪里是麻烦，是特别麻烦！！！就页面最顶部30px的灰色小导航条就写了两天~~妹子血槽已空，写不下去了。。。。这部分看似简单，其实很讨厌，需要考虑的内容非常多。。。。 把这个小条条拆开来看，就是几个原创 2016-09-11 13:18:35 · 4317 阅读 · 5 评论 -
三级联动：js实现淘宝地址更改
在淘宝购物的时候，我们经常会遇到收获地址的选择，当省份发生改变时，城市，乡镇会随之发生改变。 这个三级联动的效果我们可以通过js来实现。 在写这个案例时，博主将地址的信息存储在了一个json对象中，并把json对象存在了一个js文件中，存储地址信息的js文件可以去博主的资源中下载哦~~效果图：html及css代码如下：<!-- css代码--><style> *{margin:原创 2016-08-17 17:29:56 · 2084 阅读 · 3 评论 -
html5 本地存储 localStorage
localstorage实现本地存储方法：localStorage.getItem(key):获取指定key本地存储的值localStorage.setItem(key,value)：将value存储到key字段localStorage.removeItem(key):删除指定key本地存储的值代码实现：//添加数据function SSsetVal(key, val){ if(windo原创 2016-01-05 21:50:29 · 420 阅读 · 0 评论 -
javascript写注册检测验证
html代码：<tr> <td> 用户名 <input type="text" id="sname"> <span class="word"></span> </t原创 2016-01-05 17:31:20 · 594 阅读 · 0 评论 -
事件流：DOM事件与IE事件，事件冒泡与事件捕获
事件冒泡：事件最开始由最具体的元素（文档中嵌套层次最深的节点）接受，然后逐级向上传播至最不具体的那个节点。 事件捕获：不太具体的节点更早接受到事件，而最具体的节点最后接受到事件。 事件处理程序： 1.HTML事件处理程序<body> <script type="text/javascript"> function showMes() {原创 2015-12-18 22:28:00 · 299 阅读 · 0 评论 -
前端面试题总结--1 JS篇
妹子就要找工作了，所以时候要研究一下面试题，总结一下，查缺补漏。所以要开始搜刮各种的面试题做练习啦~~1.JS中DOM节点操作，添加，删除，插入，查询，创建，复制节点 //1.创建节点 document.createElement();//创建一个新元素 document.createTextNode();//创建一个文本节点 //2.查原创 2016-11-08 18:14:24 · 4606 阅读 · 6 评论