![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript知识总结
Alex十年
永远年轻,永远热泪盈眶。
展开
-
点击更换图片,再次点击,图片回归原样
注意:主要是用一个变量b来存放if条件句里放的值,最开始为1,此时表示if的值成立,然后图片进行第一次改变。此时另b变为0,再次点击,此时if的条件不成立,则执行else的内容<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>...原创 2018-03-14 20:25:24 · 3897 阅读 · 1 评论 -
定时器的使用,显示时间以及延时提示框
显示时间<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>定时器</title> <script> function toDob(n){原创 2018-03-12 09:10:34 · 840 阅读 · 0 评论 -
JS用法、输出、变量、数据类型
一、js简介 js是一门可嵌入式语言,是可以插入到HTML页面的编程代码,是由浏览器进行翻译执行。 分为三部分:ECMAScript:是JavaScript的核心,称为解释器,主要把我们写的代码翻译给计算机,然后再把计算机的返回的代码解释给我们。 DOM:文档对象模型,操作HTML BOM:浏览器对象模型,操作浏览器 二、引入js 通常会把函数放在head中,或者放到页面底部部分,这样...原创 2018-03-06 11:46:37 · 5045 阅读 · 0 评论 -
js无缝滚动
效果原理:让ul一直向左滚动 复制li,改变ul的宽度, 进行判断,是否越界 如果越界,重新定位。 控制向左向右,设定一个speed,更改其值的正负。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>无缝轮播</..原创 2018-03-13 16:40:35 · 191 阅读 · 0 评论 -
js全局&局部变量,运算符
二、局部变量和全局变量 局部变量:在js函数内部声明的变量时局部变量,所以只能在函数内部访问它,即该变量的作用域是局部的。所以可以在不同的函数中使用名称相同的局部变量。在函数内部使用var定义的变量函数的参数变量全局变量:在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。在函数体外定义的变量在函数体内部定义的没有用var声明的变量优先级:局部变量高于同名...原创 2018-03-06 18:08:02 · 203 阅读 · 0 评论 -
js导航栏改变背景
使用到this关键字<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>导航栏改变背景</title> <style> *{margin: 0;原创 2018-03-13 21:14:56 · 919 阅读 · 0 评论 -
js中DOM有关,children(),appendChild()实现的排序
1、childNodes和nodeType childNodes获取子节点,但是会把中一个标签与另一个标签的空格当做文本节点来计算。nodeType判断一个节点是什么类型的节点。只有当nodeType==1时才是元素节点,2是属性节点,3是文本节点。 2、children获取子节点,它只返回HTML节点,甚至不返回文本节点,虽然不是标准的DOM属性,但它和innerHTML方法一样,得到了几乎...原创 2018-03-14 08:02:02 · 1846 阅读 · 0 评论 -
js表格中的DOM操作,隔行变色和添加、删除某一行,搜索数据
appenChild();首先要把添加的从父级删除,然后再添加到现在的位置 一、隔行变色 注意:表格尽量有标题,最好写上tbody. 表格中可以可以直接使用oTal.tBodies[0].rows[i],因为tBodies可以有多个,所以返回值是个数组,而thead,tfoot只有一个,所以返回的是一个值。rows是指行,cells是指列。 下面例子中有一个oldCol,这个变量的作用是存...原创 2018-03-14 17:00:58 · 2313 阅读 · 0 评论 -
简易运动框架综合案例,仿FLASH运动
html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/c原创 2018-03-20 20:54:01 · 235 阅读 · 0 评论 -
链式运动框架
在原有的简易运动框架中再增加一个参数,fn,因为在js中可以传任何参数。所以可以传一个函数进去,,但是需要进行判断,如果传进来的有fn,就执行fn(),没有就不执行。 html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>...原创 2018-03-21 09:38:24 · 225 阅读 · 0 评论 -
完美运动框架以及微博案例
html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>完美运动框架</title> <script src="move2.js">&原创 2018-03-21 11:30:46 · 188 阅读 · 0 评论 -
各种小知识点(一)
1、所有标签都可以加ID,包括link标签,网页换肤就是通过改变link链接的css样式表来实现的。所有标签的任何属性都可以进行更改。 2、input中有个属性是title,鼠标移入框中时,用来显示提示文字 3、<a href='javascript:;'></a>a链接中可以放js代码,但是一般不会这么做,可以写一个空的,为了是防止点击时是#会跑到顶端 4、js中修...原创 2018-03-11 18:15:52 · 184 阅读 · 0 评论 -
数组相关方法以及sort方法
js中的数组的length,既可以获取又可以设置,本来长度是6,设置成3时,此时数组里的值只有前三个,所以可以用来清空数组 push(4),往数组尾部添加一个4,他的返回值是最新数组的长度 pop()是在尾部删除一个,其中没有参数 shift(),在头部删除,unshift(4)在头部添加 splice(起点索引值,删除的长度),从0开始,前包括后不包括 splice(起点索引值,0,要...原创 2018-03-11 18:14:13 · 188 阅读 · 0 评论 -
js函数
一、js函数 在js中,函数即对象,可以随意的被程序操控。 函数是由事件驱动的,或者是在调用时执行的可重复使用的代码块。function myFun(参数){ 代码块}其中参数可有可无,如果有多个参数,需要使用逗号隔开。必须有花括号,即使只有一句代码,也要使用花括号包裹起来。2、匿名函数:var add = document.getElementById("ad...原创 2018-03-10 10:55:32 · 103 阅读 · 0 评论 -
js运动基础一
运动框架:1、在你点击开始时,一定要把之前所有的定时器关闭 2、把停止定时器和运动分开,使用(if/else)隔开js运动基础一:匀速运动<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>运动基础一</title&am原创 2018-03-16 16:24:19 · 157 阅读 · 0 评论 -
js函数传参
1、使用函数传参,就是在函数表示大致相同,但是有一个东西是定不下来的,把其作为参数放入其中。 2、操作属性的两种方法:var oDiv = document.getElementById('aa'); oDiv.value='qwer'; oDiv['value']='qwer'; //第二种...原创 2018-03-10 19:25:52 · 269 阅读 · 0 评论 -
js运动缓冲运动
1、在计算速度的时候一定要记得取整,因为像素是计算机所能接收到的最小单位,所以如果是299.9px,计算机会认为是299px,计算机也不会给你四舍五入。 2、缓冲运动:逐渐变慢,最后停止。距离越远,速度越大。即速度与距离成正比。速度=(目标值-当前值)/缩放系数 3、缓冲菜单:根据页面滚动的缓冲侧边栏。这个因为会除以2,所以这个目标值也要取整。侧边滑动框<!DOCTYPE h...原创 2018-03-16 21:25:47 · 336 阅读 · 0 评论 -
选项卡
思路: 1、使用getElementsByTagName来选择所有的按钮 2、使用for循环来获取每一个,给每一个按钮来加事件 3、使用for循环把之前每个按钮点击时的背景颜色清空 4、使用this来使当前的按钮加入一个class,使背景颜色改变 5、对于下面的div框也跟着改变,所以在2步时,给每个按钮设置一个index, 6、那一个按钮被点击,哪一个的div的display为blo...原创 2018-03-11 08:45:08 · 205 阅读 · 0 评论 -
js简易日历innerHtml
注意事项: 思路同选项卡差不多, 1、对于最下面文字的更改,可以使用数组,把他们的内容都放到一个数组中,然后使用字符串的拼接来实现 2、innerHtml是用来设置标签内的文字,而value是用来设置input中的文字值 3、对于字符串连接,为了不使数字和字母连在一起,可以使用括号括起来。即同数学中的加法的优先级一样<!DOCTYPE html><html>...原创 2018-03-11 08:48:34 · 352 阅读 · 0 评论 -
js多物体运动
经验:在多物体运动里面,所有开始定义为常量的值,都不能通用,比如第一个案例中的定时器,还有就是多物体淡入淡出时的透明度值。一旦通用就会产生混乱。属性要与对应的运动对象进行绑定多物体运动:此时需要注意的是,相对于之前的案例,如果只有一个定时器,会出现当你快速移动鼠标时, 第一个物体,还没有还原完,定时器就已经被关闭,而出现没有回答最开始的宽度的情况 ...原创 2018-03-17 11:51:05 · 234 阅读 · 0 评论 -
可变参数,css函数,获取非行间样式
1、可变参数<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>可变参数</title> </head> <script>原创 2018-03-11 17:26:30 · 270 阅读 · 0 评论 -
js小知识点(二)
1、String对象中的replace(’被替换的字符串’,‘替换的字符串’),它会返回一个新的字符串,原字符串并不会被修改。 2、random() 获取1-100的随机数:1+Math.floor(Math.random()*100); 获取50-100的随机数:50+Math.floor(Math.random()*50); 3、下面这个代码,因为只是给body设置了2000的高度,虽...原创 2018-03-21 16:11:17 · 121 阅读 · 0 评论