javascript
往地上就是一躺
这个作者很懒,什么都没留下…
展开
-
常用javascript函数总结
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦: Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl原创 2016-06-28 10:31:07 · 240 阅读 · 0 评论 -
常见IE6 bug兼容总结
1.min-width,max-width/min-height,max-height兼容div{ max-height:600px; min-height:40px; _height:expression(this.scrollHeight > 600 ? "600px":(this.scrollHeight < 40 ? "40px":"auto")); }原创 2016-08-22 11:28:41 · 208 阅读 · 0 评论 -
javascript贪吃蛇
CSS: <style> body{background: #000;} div.wrap{margin-top: 100px;} table{border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;margin: 0 auto;} table td{width: 25转载 2016-08-12 14:48:19 · 313 阅读 · 0 评论 -
js的常用正则验证
// var re = /^[a-zA-Z]{1}([a-zA-Z0-9]|[_.]){4,19}$/; //只能输入5-20个以字母开头、可带数字、“_”、“.”的字串 // var re = /^[a-zA-Z]{1,30}$/; //1-30位子串 // var re = /^\d{2}-\d{5}$/; //两位数字、一个连字符再加 5 位数字 // var re =原创 2016-09-23 11:31:14 · 366 阅读 · 0 评论 -
js音乐播放器
例子链接:原创 2016-08-19 16:52:41 · 823 阅读 · 0 评论 -
js判断PC端和移动端
function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) ==转载 2016-08-15 11:22:49 · 5964 阅读 · 0 评论 -
javascript上传预览图片(IE8支持)
html: <input type="file" multiple="true" name="imgOne" id="imgOne" onchange="preImg(this.id,'imgPre');" /> <img id="imgPre" src="" width="300px" height="300px" style="display: block;" /> javasc转载 2016-07-22 17:26:26 · 4784 阅读 · 2 评论 -
input框只能输入数字
只能输入正整数 1、方法一:<input type="text" onkeyup="checkRem(this)"> function checkRem(This) { This.value = This.value.replace(/[^\d]/g, ''); }2、方法二:<input type="text" onkeyup="this.value=this.value.rep原创 2016-09-27 16:18:30 · 774 阅读 · 0 评论 -
Vue Watchers
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link href="css/bundle.css" rel="stylesheet"> <style></style> </head> <body> <div id="watch-ex转载 2017-05-23 15:02:31 · 329 阅读 · 0 评论 -
javascript判断div是否通过视口
如图,图片或div随着滚动条的滚动进入视口在离开要判断div是否通过视口,可以通过js getBoundingClientRect来获取div距离视口的top bottom left right为了兼容IE getBoundingClientRect的两个像素之差:function GetRect (element) { var rect = element.getBoundingClie...原创 2018-05-07 17:01:20 · 1422 阅读 · 1 评论 -
js常用字符串操作
substring截取字符串 var str = "abcdefg"; console.log(str.substring(2,5)); //返回 cde console.log(str.substring(4)); //返回 efg原创 2016-08-18 09:30:16 · 380 阅读 · 0 评论 -
页面导航随滚动条悬浮或者停靠
代码块/* CSS */ *{ margin: 0; padding: 0; } body{ font-size: 15px; font-family:"Microsoft yahei"; } .head{ width: 100%; height: 180px; background: #f00; } .top{ width: 100%原创 2016-06-28 11:08:45 · 951 阅读 · 0 评论 -
点击导航滚动条滚动到相应位置jQuery与js方法
代码块 /* CSS */ <style> * {margin: 0;padding: 0;box-sizing: border-box;} body {font-size: 12px;line-height: 1.7;} li {list-style: none;} #content {width: 100%;paddi原创 2016-06-29 09:47:02 · 3337 阅读 · 0 评论 -
HTML5上传图片预览(不需通过服务器)
<div class="upload_box"> <input type="file" id="upimg" multiple> </div> <div class="show" id="show"></div><script> var Upload = (function(){ var upimg = document转载 2016-07-21 16:42:29 · 830 阅读 · 0 评论 -
js倒计时制作
<style type="text/css"> *{ padding: 0; margin: 0; } ul,li{ list-style: none; } #time{ width: 220px;原创 2016-07-29 15:42:30 · 328 阅读 · 0 评论 -
JS找茬游戏
CSS: <style> *{padding: 0;margin: 0;box-sizing: border-box;list-style-type: none;} body{background-color: #000;} .wrap{width: 400px;height: 550px;border: 1px solid #ccc;backg转载 2016-08-04 16:58:27 · 2101 阅读 · 0 评论 -
js获取所有被选中的checkbox值
<label for=""><span>1</span><input type="checkbox" value="1"></label> <label for=""><span>2</span><input type="checkbox" value="2"></label> <label for=""><span>3</span><input type="checkbox" va原创 2016-08-16 16:55:10 · 5489 阅读 · 0 评论 -
js控制checkbox全选/取消全选
<label for=""><span>1</span><input type="checkbox" value="1"></label> <label for=""><span>2</span><input type="checkbox" value="2"></label> <label for=""><span>3</span><input type="checkbox" va原创 2016-08-16 16:58:55 · 412 阅读 · 0 评论 -
js类型判断
1、var undefined; undefined == null; // true 2、var a = null; alert(typeof a); //object 3、1 == true; // true 4、2 == true; // false 5、0 == false; // true 6、0 == ”; // tru原创 2016-08-16 17:27:51 · 245 阅读 · 0 评论 -
js去重,去除前后空格
var arr=["a","b","c","a","ba","bc"]; console.log(arr.join(",").match( /([^,]+)(?!.*,\1(,|$))/ig));转载 2016-08-17 10:29:08 · 1032 阅读 · 0 评论 -
js中addEventListener与attachEvent兼容
function addEvent(obj,type,fn){ if(obj.addEventListener){ //支持addEventListener 则为W3C obj.addEventListener(type,fn,false); }else if(obj.attachEvent){ //支持attachEvent则为IE obj.att原创 2016-08-18 11:42:19 · 587 阅读 · 0 评论 -
JS兼容所有浏览器获取浏览器高度和宽度
var w = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;原创 2016-08-19 10:30:14 · 4355 阅读 · 0 评论 -
react router Transition
使用react-create-app App.js import React, { Component } from 'react'; import { BrowserRouter as Router, Route, Link,Redirect,Switch } from "react-router-dom"; import { TransitionGroup, CSSTransition...原创 2018-08-07 18:02:45 · 563 阅读 · 0 评论