JavaScript
关注
分享
扫一扫
奋斗的小小骚年
小白程序员的成长之路
展开
-
js位操作符
Javascript有算数操作符，赋值操作符，比较操作符，逻辑操作符，同时也有位操作符。引子先想一想，如下，该输出什么答案？ console.log('5 & 1 :', ( 5 & 1 )); console.log('5 | 1 :', ( 5 | 1)); console.log('~ 5:', (~5)); console.log('5 ^ ...原创 2018-03-14 21:22:30 · 234 阅读 · 0 评论 -
js 纵向滚轮
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/Drag.js"><原创 2018-03-31 21:11:25 · 485 阅读 · 0 评论 -
js 模糊查询
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> table {原创 2018-03-31 21:12:05 · 549 阅读 · 0 评论 -
js 图像切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> img {原创 2018-03-31 21:16:55 · 526 阅读 · 0 评论 -
js 预加载
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div {原创 2018-03-31 21:19:54 · 900 阅读 · 0 评论 -
js 对象型数组和字符串互转
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script&am原创 2018-04-01 20:04:17 · 11896 阅读 · 1 评论 -
js div块体碰撞
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div {原创 2018-04-01 20:14:35 · 1147 阅读 · 0 评论 -
js 事件体
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div {原创 2018-04-01 20:17:02 · 187 阅读 · 0 评论 -
js 对象
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script&am原创 2018-04-02 22:32:50 · 106 阅读 · 0 评论 -
js 中的this
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 50原创 2018-04-02 22:33:28 · 120 阅读 · 0 评论 -
js 访问器 setter getter
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 50原创 2018-04-02 22:35:22 · 168 阅读 · 0 评论 -
js 对象中this ，以及访问器 setter，getter js文件
function DivClass() {}DivClass.prototype={ width:50, height:50, backgroundColor:"red", createDiv:function () { var div=document.createElement("div"); div.style.width...原创 2018-04-02 22:37:29 · 328 阅读 · 0 评论 -
js 闭包函数以及 回调函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script&am原创 2018-04-02 22:38:38 · 983 阅读 · 0 评论 -
js 继承 实例
var util=(function () { return{ extend:function (subClass,supClass) { function F() {} F.prototype=supClass.prototype; subClass.prototype=new F(); ...原创 2018-04-03 22:34:00 · 498 阅读 · 0 评论 -
js 类描述的三种方法
/* * 原型是类中的内容，原型链是对象中的内容 * prototype 原型 * __proto__ 原型链 * 内容一样 * * 如果修改类下原型属性（prototype）或者修改对象下原型链属性（__proto__） * 都会引起继承或根据该类创建对象下所有原型属性值改变。 * * *//** 类使用函数来描述，类...原创 2018-04-03 22:35:26 · 863 阅读 · 1 评论 -
js 计算器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> input{ height:原创 2018-03-31 21:09:15 · 163 阅读 · 0 评论 -
js 简陋留言簿
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script&am原创 2018-03-31 21:06:46 · 174 阅读 · 0 评论 -
js div碰撞js
var Drag=(function (){ return { start:function (elem,range) { elem.addEventListener("mousedown",mouseHandler); // elem.obj=this; var offsetPoint={}...原创 2018-03-30 23:14:17 · 400 阅读 · 0 评论 -
JavaScript中常见的方法
JavaScript中常见的方法原创 2017年07月13日 20:06:57169Array中的方法操作方法array.concat(item...)方法 concat方法产生一个新的数组，它包含array的副本并把一个或多个item参数拼接在array副本后面。也就是说，它所产生的数组只是一个array的副本与拼接item参数的数组。其中，item参数可以是一个任何定义了的数组、字符串。con...转载 2018-03-14 21:29:15 · 188 阅读 · 0 评论 -
JS实现产生随机颜色的十六进制代码
在显示报表的时候经常要用到颜色，但是有时候报表的内容项不是确定的，所以有可能用到随机颜色，于是自己写了一个，仅供参考： [javascript] view plain copyfunction getColor(){ var colorElements = "0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f"; var colorArray = colorElem...原创 2018-03-18 19:47:19 · 476 阅读 · 0 评论 -
JavaScript
create实现继承:function create(Child,Parent){ function F(){}; F.prototype=Parent; Child.prototype=new F(); Child.prototype.constructor=Child; Child.base=Child.super=P.prototype;}12345...原创 2018-03-19 23:13:59 · 133 阅读 · 0 评论 -
js for循环 遍历数组 遍历对象属性
1、js for循环 遍历对象属性var person = {fname:"John",lname:"Doe",age:25};for (x in person) { console.log(x + "=" + person[x]);}控制台输出结果：fname=Johnlname=Doeage=252、js for循环 遍历数组var mycars = new Array("Saab","...转载 2018-03-19 23:17:45 · 5337 阅读 · 2 评论 -
for循环与for...in循环JS
for循环是最基本的只是,不多介绍,直接以for循环为例和 for…in对比 for…in 语法详细,见w3chttp://www.w3school.com.cn/js/js_loop_for_in.asp for…in 语句用于对 数组 或者 对象 的 属性 进行循环操作。 *1:对于数组遍历来说俩个循环基本差不多(如下)* 在JavaScript中,不支持自定义下标的方式来储存数据,强制下标为...转载 2018-03-19 23:23:35 · 305 阅读 · 0 评论 -
js正则表达式基本语法(精粹)
1.正则表达式基本语法两个特殊的符号'^'和'$'。他们的作用是分别指出一个字符串的开始和结束。例子如下："^The"：表示所有以"The"开始的字符串（"There"，"The cat"等）；"of despair$"：表示所以以"of despair"结尾的字符串；"^abc$"：表示开始和结尾都是"abc"的字符串——呵呵，只有"ab转载 2018-03-30 19:05:07 · 234 阅读 · 0 评论 -
js 轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script&am原创 2018-03-30 22:48:37 · 191 阅读 · 0 评论 -
js 的 3D
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script&am原创 2018-03-30 22:49:05 · 387 阅读 · 1 评论 -
Js 横向滚轮
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #rollImg {原创 2018-03-30 23:08:00 · 702 阅读 · 0 评论 -
JS 瀑布流
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { ma原创 2018-03-30 23:08:50 · 252 阅读 · 0 评论 -
JS 拼图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0;原创 2018-03-30 23:10:07 · 516 阅读 · 0 评论 -
JS 表格分页
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> table {原创 2018-03-30 23:11:03 · 369 阅读 · 0 评论 -
JS 右键菜单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { ma原创 2018-03-30 23:11:56 · 426 阅读 · 0 评论 -
js 录制轨迹
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div {原创 2018-03-30 23:12:48 · 378 阅读 · 0 评论 -
js js中的递归
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id=&q原创 2018-04-03 22:37:01 · 481 阅读 · 2 评论