JS
关注
分享
扫一扫
风中梦铃s
这个作者很懒，什么都没留下…
展开
-
JS学习之初识JavaScript
1、什么是JavaScriptJavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解析器被称为了JavaScript引擎，它是浏览器中的一部分，广泛用于web开发，最早是在HTML页面上进行使用，给HTML增加动态的功能。一个完整的JavaScript是有三个不同的部分组成：ECMAScript、DOM、BOM。其中ECMAScript是规定...原创 2018-12-16 00:02:39 · 194 阅读 · 0 评论 -
定位到table的某一行或者某一列
1、需求 定位到table中的某一行或者是某一行中的某一列进行样式的修改或者是数据的更改。2、语法 $("table的id或者class").find("tr").eq("所要找的tr的index，以0开始数起").find("td").eq("所要找的td的index，以0开始数起").remove();注意：需要定位到行之后才能定位到列...原创 2019-01-21 14:08:57 · 4434 阅读 · 3 评论 -
JS学习之定时器与倒时器
1、定时器设置定时器：window.setInterval(“执行的函数”,间隔时间)取消定时器：clearInterval(定时器名称)2、倒时器倒时器是定时器中的一种，只是设置一个时间，等到了该时间就去做某些事情 setTimeout(“函数”, 时间 ) 假设：我们要计算的 倒计时 有一个最终时间 12月12日有一个现在时间 ...原创 2018-12-16 22:00:57 · 272 阅读 · 0 评论 -
JS学习之数组常用方法
1、在数组后面添加值 [ push ]push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。var arr =[1,3,5] → arr.push(7) → 结果变成 : [1,3,5,7];2、在数组前面添加值 [ unshift ]unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度var arr = [1,3,5] → ...原创 2018-12-16 21:30:56 · 177 阅读 · 0 评论 -
JS练习之tab切换
1、实现原理：利用下标以及display，难点在于下标的赋值与获取。2、整体代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style&原创 2018-12-16 21:02:12 · 238 阅读 · 0 评论 -
JS练习之全选与反选
1、实现原理：获取所有的button与checkbox，利用checked属性，赋予true与false而实现选中或者未选中2、整体代码：<html><head lang="en"> <meta charset="UTF-8"> <title></title> <script&am原创 2018-12-16 15:14:01 · 209 阅读 · 0 评论 -
JS练习之隔行变色
1、实现原理：获取所有行数，利用“取余”原理进行css颜色赋值2、整体代码：<script> window.onload = function (){ var lis = document.getElementsByTagName("li"); for( var i=0; i<lis.length; i++){ if(i%2 == 0...原创 2018-12-16 14:59:37 · 218 阅读 · 0 评论 -
JS练习之模拟框/弹出层
1、实现原理：利用display=block以及display=none，加以其他的css样式2、整体代码：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title><style type="text原创 2018-12-16 12:58:02 · 767 阅读 · 0 评论 -
JS练习之鼠标经过切换图片
1、实现原理：利用onmouseover与onmouseout事件2、整体代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head>原创 2018-12-16 10:55:40 · 1377 阅读 · 0 评论 -
JS练习之换背景/换肤
1、实现原理：利用JS给body换背景图片，核心语句：document.body.style.backgroundImage = "url(路径)";2、整体代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <t原创 2018-12-16 10:49:38 · 1183 阅读 · 0 评论 -
JS学习之变量
1、变量命名规则（1）.变量命名必须以字母或是下标符号”_”或者”$”为开头。（2）变量名长度不能超过255个字符。（3）变量名中不允许使用空格。（4）不用使用脚本语言中保留的关键字及保留符号作为变量名。（5）变量名区分大小写。(javascript是区分大小写的语言)2、作用域根据变量的作用范围 可以分为 全局变量 和 局部变量 （1） 全局变量： ...原创 2018-12-16 10:05:27 · 140 阅读 · 0 评论 -
对输入数字大小做限制
1、需求 对一个input框所输出的数字大小做限制，如大于0和小于100。2、思路 普通的html可借助onkeyup，即键盘按键起来之后对所输入的数字进行判断。3、语法 3.1、如果是html5的话可以使用以下<input type="number" min="0" max="100" /> 3.2、如果是普通的html，则...原创 2019-01-21 14:19:29 · 2969 阅读 · 1 评论