![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
js
js基础学习笔记记录
lk_kl
这个作者很懒,什么都没留下…
展开
-
[js基础] 元素可视区client + 立即执行函数 + 元素滚动scroll
clientWitrh与offsetWith最大的区别就是不包含边框 立即执行函数: (function(){})():后面的()相当于调用,可传参 (function(){}()) 主要作用:创建一个独立的作用域,避免命名冲突问题 多个立即执行函数间要用‘;’隔开 window.devicePixelRatio:物理像素比,pc端为1,手机端为2 pageshow事件,重新加载页面触发的事件,火狐也可以。load事件火狐不可。pageshow事件有persisted属性,用来判断是否是缓存的页面,是返.原创 2020-05-25 17:13:14 · 157 阅读 · 0 评论 -
[js基础] pc端网页特效
元素偏移量 offset系列 使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获取元素距离带有定位父元素的位置 获取元素自身的大小,即宽度和高度 !!返回的数值不带单位 element.offsetWith不包含margin值,仅包含自身width+padding+border element.offsetParent:返回带定位的父元素 element.parentNode:返回最近的父元素,无论带不带定位 ...原创 2020-05-25 14:34:21 · 154 阅读 · 0 评论 -
[js基础]BOM浏览器对象模型
BOM概述 BOM即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。 BOM的构成 窗口加载事件 window.onload = function(){} window.addEventListener('load',function(){}) 当文档内容完全加载完成会触发该事件(包括图像、脚本文件、CSS文件等) 1、有了window.onload就可以把js代码写在页面元素的上方 2、window.onload传统注册事件方式只能写一次,如果有原创 2020-05-21 23:05:25 · 213 阅读 · 0 评论 -
[js]事件及事件流
注册事件 注册事件也称为绑定事件,有两种方式:传统方式和方法监听注册方式 传统方式: on开头的事件 特点:注册事件唯一,同一个元素只能设置一个处理函数。最后注册的函数会覆盖之前的 方法监听注册方式: addEventListener(type,listener[, useCapture]):(IE9后才支持) type:事件类型,如click、mouseover(不带on) listene...原创 2020-05-18 15:29:32 · 160 阅读 · 0 评论 -
[js API] DOM基础知识,节点操作
js API学习day2 通过calssName改变元素样式: element.className = ’ ‘;会覆盖以前的类名 想保留原来的类名: element.calssName = ‘原类名 新类名’ 改变body的背景样式: document.body.style.background = ‘url(’+xxx+’)’ ...原创 2020-05-04 17:28:53 · 114 阅读 · 0 评论 -
[js学习] web APIs
Web API学习day1 API(应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。 Web API是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)。 DOM 文档对象模型(DOM),是W3C组织推荐的处理可扩展标记语言(HTML或XML)的标准编程接口。通过DOM可以改变网...原创 2020-04-18 22:51:55 · 146 阅读 · 0 评论 -
[js学习]对象
js学习day3 对象 创建对象 利用对象字面量创建对象: -var obj={ uname: “didi”, age: 18, say: function(){ console.log(“di”); } } 调用属性方法: 1、对象名.属性名 2、对象名[‘属性名’] 调用对象的方法: 对象名.方法名() 利用new Object创建对象 var obj = new Object()...原创 2020-04-17 18:01:45 · 233 阅读 · 0 评论 -
[js学习]基础day2
js基础学习—运算符 已经学过其他编程语言,所以只记录一些需要注意的点 算术运算符 递增和递减运算符 前置自增自减运算符++a:先自增/自减后返回值 后置自增自减运算符a–:先返回原值后自增/自减 比较运算符 ===和!= =表示全等,要求值和数据类型都相等 逻辑运算符 短路运算(逻辑中断):当有多个表达式时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值 逻辑与 语法:表达式...原创 2020-04-12 22:52:17 · 99 阅读 · 0 评论 -
[js学习] javaScript学习
JavaScript学习day1 什么是JavaScript JavaScript是一种运行在客户端的脚本语言 脚本语言:不需要编译,运行过程中由js解释器逐行来进行解释并执行 现在也可以基于Node,js技术进行服务器端编程 浏览器执行js 浏览器分成两部分:渲染引擎和js引擎 渲染引擎:用来解析HTNL和CSS,俗称内核。如chrome的blink,老版本的webkit JS引擎:成为j...原创 2020-04-11 18:37:33 · 204 阅读 · 0 评论