![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
文章平均质量分 58
junlingshiwo
这个作者很懒,什么都没留下…
展开
-
花瓣网项目
今天所说的就是js中我所学的项目:一个花瓣网网页,将所学的js知识都运用在里面,、如上就是所做的效果图,它总共就这些板块来搭建此页面,将其样式都一笔带过。...原创 2020-09-25 21:22:36 · 892 阅读 · 0 评论 -
缓动动画
《 1 封装缓动动画函数:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> *{margin: 0;padding: 0;} #box{ width: 100px; height: ..原创 2020-09-04 18:54:04 · 150 阅读 · 0 评论 -
client家族
《1 client家族:clientWidth和clientHeight:1 网页可见区域:document.body.clientWidth; document.body.clientHeight.clientLeft和clientTop: 返回的元素边框的borderWidth。;;如果不指定一个边框或者不定位该元素,其值就为0.2 offset ,client , scroll的区别分析:<!DOCTYPE html><html lang="en"&...原创 2020-09-04 18:58:15 · 297 阅读 · 0 评论 -
scroll家族
1:概念网页正文文宽:document.body.scrollWidth.网页正文全高:document.body.scrollHeight.网页被卷去的高: document.body.scrollTop.网页被卷去的左:'document.body.scrollLeft.一般在开发中使用最多的是scrollTop.补充:严格模式和怪异模式使用:document.compatMode.值为BackCompat,则是怪异模式;值为Css1Compat,则为严格模式。.原创 2020-09-02 16:38:13 · 83 阅读 · 0 评论 -
JS三大家族
js中有三大家族,分别是offSet家族、scroll家族、client家族。一:offset家族:自己的,用于获取元素尺寸。《1 offseWidth和offsetHeight:获取对象自身的宽度和高度,包括内容,边框,边距和内边距。即:offsetWidth=width+border+padding;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">.原创 2020-09-02 16:37:01 · 972 阅读 · 0 评论 -
JS事件对象
事件对象----event=ev。常用的属性:1 screenX和screenY是以屏幕为基准进行测量;当前元素距离屏幕的尺寸。2 clientX和clientY是以当前文档(绝对定位)为基准,不合适用于IE6-8.3 pageX和pageY是以当前可视区域为基准,类似于固定定位。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <.原创 2020-09-02 16:36:39 · 164 阅读 · 0 评论 -
JS特效---定时器的操作
了解定时器:1需求:js的程序的执行速度非常快,如果希望一段程序,可以每个一段时间执行一次,就可以使用定时器来调用。2 使用:循环执行:如上图中代码就是循环执行,后面的2000是秒数,随意更换。案例:《1定时器鲜花表白:设置倒计时与鲜花如下。然后就要设置定时器,然后再清除定时器(claerInterval)。<!DOCTYPE html><html lang="en"><head> <meta cha原创 2020-08-27 22:45:56 · 157 阅读 · 0 评论 -
js特效----实例
一:百度换肤如图就是需要将上边的小图换成下边大图。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin: 0;padding: 0;list-style: none;vertical-align: top} b原创 2020-08-26 22:14:13 · 454 阅读 · 0 评论 -
js特效------实例
《1 js特效---图标切换我们要建这样的页面效果,就是在几张照片中切换不停,我们所需要用js来搭建切换效果。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #box{ width: 2000px; .原创 2020-08-25 21:49:39 · 790 阅读 · 0 评论 -
JS特效
一:DOM《1文档对象模型,是W3C组织推荐的处理可扩展标记语言的标准编程接口。《2 DOM又称文档树模型。《3 DOM 常用操作:获取文档元素;对文档元素经行增删改查操作;事件操作。《4 window和document两者,document可以帮助我们拿到页面里面任何东西,比如它的常用属性: console.log(document===window.document); console.log(document); // console.log(doc...原创 2020-08-24 21:24:17 · 333 阅读 · 0 评论 -
内置对象
内置对象js中提供多个内置对象:String、Math、Array、Date。《1》Array:1 检测一个对象是否是数组: // <1检测一个对象是否是数组// instanceof var arr=['张三','李四']; console.log(arr instanceof Array);//true console.log(arr instanceof Object);//true console.log(arr instance原创 2020-08-24 13:45:50 · 126 阅读 · 0 评论 -
对象
对象 (object)《1》 为什么要用对象?函数的参数如果特别多,可以使用参数简化。《2》 js中对象的分类:1 内建对象;2 宿主对象:B0M对象,DoM对象;3 自定义对象:我们自己创建的对象。《3》常见创建对象方式:1 对象字面量,2 new object()创建新对象,3 工厂函数创建对象,4 自定义构造函数《更多都使用》。// 2 对象字面量 var x1={ //属性 name:'小撩', age:原创 2020-07-25 22:27:18 · 96 阅读 · 0 评论 -
函数
函数定义:函数也是一个对象;函数就是可以重复执行的代码块;函数就是完成特定功能的一段代码。《1》 用函数求1~100之间的和: function getSum(count) { var sum=0; for (var i=1; i<count;i++){ sum+=i; } console.log(sum); } getSum(100);《2.1》函数声明方式: // 3.1原创 2020-07-25 22:12:46 · 112 阅读 · 0 评论 -
JS——流程控制
《一》代码块:我们的程序是由一条一条的语句构成;语句是按照自上向下的顺序一条一条执行的; { var str = '撩课学院'; console.log("itlike.com"); document.write("喜欢IT,就上撩课"); } console.log("str=" + str);在JS中可以使用 {} 来为语句进行分组;同一个 {} 中的语句我们称是一组语句;它们要么都执行,要么都不执行;一个 {} 中的语原创 2020-07-13 15:50:50 · 98 阅读 · 0 评论 -
数组
j中不可缺少的数组(Array),《1》数组就是数据类型,数据变量可以存放多个数据,好比一个军队·军队里有很多人。《2》数组是什么?1数组就是一种引用数据类型,属于对象。2数组的存储性能比普通对象更好,在开发中我们经常使用数组来存储一些数据。《3》创建数组方式:1使用Array构造函数:1使用Array构建函数 var arr1=new Array();// 空数组 console.log(arr1); var arr2=new Array.原创 2020-07-13 15:51:27 · 136 阅读 · 0 评论 -
JS基础运算符
运算符也叫操作符;一 加法运算符:1 格式:Number1+Number2 var res=1+1; console.log(res); var num1=10; var num2=20; var res2=num1+num2; console.log(res2);2 非Number类型的值进行运算时,会将这些值转化为Number然后再计算 var res=true+100 console.log(res); var .原创 2020-07-08 16:03:33 · 271 阅读 · 0 评论 -
JavaScript认知
1 JS是一门编程语言,属于高级语言;也是一门高级解释型语言。一:JS基础语法《1》字变量、变量、常量《2》数据类型:数据类型的划分:如下1简单数据类型有:Number、String、Boolean、Null和Undefined.2引用(复杂)数据类型:Object.先说Number: 第一在js中所有的数值都是Number类型(整数和小数)第二是由于内存限制,ECMASscript并不能保存世界所以东西第三 NaN非法数字下来说 Strin...原创 2020-07-08 16:01:41 · 147 阅读 · 0 评论