JavaScript学习指南
关注
分享
扫一扫
文章平均质量分 71
一枚初入前端的菜鸟，希望可以成为一名资深人员
一只前端小菜鸟~
有大量前端HC，base：杭州、东莞、成都、西安都可，感兴趣可以添加scum__peace
展开
-
JS基础 - 数组 - 常用方法 - unshift() 方法、shift方法
unshift 方法：定义和用法unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。语法arrayObject.unshift(newelement1,newelement2,....,newelementX)参数 描述 newelement1 必需。向数组添加的第一个元素。 newelement2 可选。向数组添加的第二个元素...原创 2018-06-19 15:42:03 · 7524 阅读 · 0 评论 -
各种浏览器全屏模式的方法、属性和事件介绍
HTML 5中的full screen，目前可以在除IE和opera外的浏览器中使用 ，有的时候用来做全屏API，游戏呀，等都很有用。先看常见的APIelement.requestFullScreen()作用：请求某个元素element全屏浏览器全屏模式的启动函数requestFullscreen仍然需要附带各浏览器的js方言前缀，相信下面这段代码需要你花大量的搜索才能凑齐：启动全屏：对你想要全屏...原创 2018-06-19 15:48:28 · 6524 阅读 · 0 评论 -
JS基础 - 数组 - 常用方法 - push() 方法、pop方法
push方法var arr = ["张三", "李四", "王五"];var count = arr.push("赵六", "小明");console.log(count);console.log(arr);输出：push方法.pngpop方法var arr = ["张三", "李四", "王五"];var item = arr.pop()原创 2018-06-19 16:02:34 · 2728 阅读 · 1 评论 -
JS基础 - 数组 - 常用方法 - join() 方法
JavaScript join() 方法定义和用法join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。语法arrayObject.join(separator)参数描述separator可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。返回值返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串，然后把这些字符串连接起来...翻译 2018-06-20 07:48:04 · 362 阅读 · 0 评论 -
js创建数组的简单方法
1. 使用Array构造函数创建数组的创建方式-Array构造函数.pnga、var arr1 = new Array(); //创建空数组b、var arr2 = new Array(10)； //创建一个长度为10的数组c、var arr3 = new Array(5,4,3,2,1)； //创建数组并初始化2. 采用...原创 2018-06-20 07:48:35 · 27735 阅读 · 3 评论 -
js实现密码强度校验
<html> <head> <title>JS判断密码强度</title> <script language=javascript> //判断输入密码的类型 function CharMode(iN){ if (iN >= 48 && i...转载 2018-06-20 07:49:05 · 2909 阅读 · 0 评论 -
正则表达式及js校验表单代码（注册页面）
1、步骤分析第一步：确定事件(onsubmit)并为其绑定一个函数第二步：书写这个函数(获取用户输入的数据<获取数据时需要在指定位置定义一个 id>)第三步：对用户输入的数据进行判断第四步：数据合法(让表单提交)第五步：数据非法(给出错误提示信息，不让表单提交)问题：如何控制表单提交？关于事件 onsubmit：一般用于表单提交的位置，那么需要在定义函数的时候给出一个 返回值。onsu...转载 2018-06-20 07:48:58 · 2314 阅读 · 0 评论 -
JS基础 - 数组 - 常用方法 - reverse 方法
reverse()方法代码：var arr = ["张三", "李四", "王五"];var items = arr.reverse();console.log(items);console.log(arr);输出：原创 2018-06-20 07:28:50 · 348 阅读 · 0 评论 -
JS基础 - indexOf() 方法、lastIndexOf方法
index()方法定义和用法indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。语法stringObject.indexOf(searchvalue,fromindex)参数 描述 searchvalue 必需。规定需检索的字符串值。 fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 ...转载 2018-06-20 07:28:28 · 2342 阅读 · 0 评论 -
JS - 函数 - 定义和声明
1. 函数定义function log() { console.log(10);}2. 函数调用log();3. 函数声明//第一种声明方式function sum() { console.log(1 + 3);} sum();//函数表达式声明方式var add = function () { console.log(1 + 3);} add()...原创 2018-06-20 08:33:49 · 909 阅读 · 0 评论 -
JS - 函数 - 形参和实参
1. 形参和实参function sum(num1, num2) { console.log(num1 + num2);}sum(100, 200); //形参和实参个数相等sum(100, 400, 500, 700); //实参个数多于形参，只取到形参的个数sum(200); //实参个数少于形参，多的形参定义...原创 2018-06-21 08:22:11 · 1881 阅读 · 0 评论 -
JS - 函数 - return返回值
1.return语句function num() { console.log(1); return; //函数在此返回，后面的语句不再输出 console.log(2); }num(); //输出结果 1console.log(num()); //return返回结果给函数外部，当没有返回结果的...原创 2018-06-20 09:40:54 · 9868 阅读 · 0 评论 -
JS - 函数 - 匿名函数
作用：//一、用于绑定事件上document.onclick = function () { alert("点我");}//定时器 setInterval(function () { console.log(1000);}, 2000);//自调用函数(function () { alert("hello");})();...原创 2018-06-21 08:22:31 · 175 阅读 · 0 评论 -
JS - 函数 - 回调函数
1.练习 - 简单计算器//总控方法function fn(num1, num2, func) { return func(num1, num2);}//加 function add(a, b) { return a + b;}//减function sub(a, b) { return a - b;}//乘 funct...原创 2018-06-20 11:23:43 · 214 阅读 · 0 评论 -
JS - 函数 - 变量作用域
1.变量的作用域var name = "张"; //全局变量function test() { var age = 19; //局部变量 console.log(age); //局部变量，输出结果 19 console.log(name); //通过作用域链找到全局变量}test();console.log(age);...原创 2018-06-20 11:23:37 · 323 阅读 · 0 评论 -
JS基础 - 对象 - 字面量对象
1.创建空对象var dog = {};console.log(typeof dog); //object2.创建一个含有属性和方法的对象var dog = { //属性 name: "笨笨", age: 2, dogFriends: ["咪咪", "咩咩","咯咯"], ...原创 2018-06-21 08:22:38 · 775 阅读 · 0 评论 -
JS基础 - 数据类型 - 栈区和堆区
简单数据类型 -- 栈区var name = "张三";var newName = name;name = "李四";console.log(name); //李四console.log(newName); //张三复杂数据类型 -- 堆区var obj = { name: "张三", age: 34};var newObj = obj;obj.name = "...原创 2018-06-21 08:22:42 · 997 阅读 · 0 评论 -
JS基础 - 数组 -高级API - sort方法
sort方法var arr = [100, 10, 8, -10, 1000];console.log(arr);console.log(arr.sort());console.log(arr.sort(function(a, b) { return a - b;}));console.log(arr.sort(function(a, b) { return b ...原创 2018-06-21 08:22:47 · 328 阅读 · 0 评论 -
JS基础 - 数组 - 高级API - slice方法和splice() 方法
slice方法定义和用法slice() 方法可从已有的数组中返回选定的元素。语法arrayObject.slice(start,end)参数 描述 start 必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。 end 可选。规定从何处结束选取。该参数是数组...转载 2018-06-21 08:22:52 · 504 阅读 · 0 评论 -
JS基础 - 数组 - 高级API - forEach方法
forEach()方法对数组进行遍历循环，对数组中的每一项运行指定的函数格式：arr.forEach(function(value, index) {})var arr = [1, 3, 5, 7, 9, 11];arr.forEach(function(value, index) { console.log(index + ":" + value)})...原创 2018-06-21 08:23:14 · 386 阅读 · 0 评论 -
JS基础 - 数组 - 高级API - map()方法
map方法"映射"，对数组中的每一项运行指定的函数，返回每次函数调用的结果组成的数组var arr = [1, 3, 5, 7, 9, 11];var arr2 = arr.map(function(value, index) { return value * value;});console.log(arr2);...原创 2018-06-21 08:23:10 · 1560 阅读 · 0 评论 -
JS基础 - 数组 - 高级API - filter()方法
filter()方法var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];var arr2 = arr.filter(function(value, index) { return index % 3 === 0 || value >= 9;});console.log(arr2);原创 2018-06-21 08:23:06 · 218 阅读 · 0 评论 -
JS基础 - 数组 - 高级API - every()方法
every()方法 -- 所有都满足条件返回true，否则返回falsevar arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];var result = arr.every(function(value, index) { return value < 14;});console.log(result); //tru...原创 2018-06-21 08:23:01 · 626 阅读 · 0 评论 -
JS - BOM/DOM
BOM/DOM//所有全局的变量都是window的属性var str = "张三";console.log(str);console.log(window.str);function test() { var age = 10;}test();console.log(age); //不能访问到函数内部的变量//所有全局的函数都是window的...原创 2018-06-22 10:04:07 · 214 阅读 · 0 评论 -
JS - 事件
1.获取事件源<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JS</title></head&原创 2018-06-22 10:07:45 · 224 阅读 · 0 评论 -
JS - 事件 - 小例子之关闭小广告+切换图片
1. 关闭小广告<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JS</title> <styl原创 2018-06-22 10:08:48 · 272 阅读 · 0 评论 -
JS - 事件 - 父节点
1. 获取父节点 - parentNode<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JS</title&原创 2018-06-22 10:09:04 · 622 阅读 · 0 评论 -
JS - 事件 - 兄弟节点
兄弟节点<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JS</title> &l原创 2018-06-22 10:09:10 · 662 阅读 · 0 评论 -
JS - 事件 - 获取所有子节点
获取所有子节点<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JS</title> </原创 2018-06-22 10:09:18 · 6730 阅读 · 0 评论 -
JS - 事件 - 节点属性的操作
节点属性的操作原创 2018-06-22 10:08:39 · 255 阅读 · 0 评论 -
JS - 事件 - 小例子之图片的切换+图片的隐藏和显示
1.图片的切换<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JS</title> &am原创 2018-06-22 10:08:32 · 1191 阅读 · 0 评论 -
JS - 事件 -value/innerHTML/innerText区别
value/innerHTML/innerText<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JS</tit原创 2018-06-22 10:08:27 · 302 阅读 · 0 评论 -
JS - document对象
动态跳转<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JS</title> &l原创 2018-06-22 10:08:22 · 240 阅读 · 0 评论