javascript基础-BOM原理

【javascript基础-BOM原理】的更多相关文章

javascript基础-BOM原理

图解: 1. Loction: 拼接参数时,应编码decodeURIComponent/encodeURIComponent(). 2. History: pushState+replaceState+onpopstate事件适合用来做无刷新页面切换; history.length===0用来判断当前页面(百度等搜索门户)是否用户第一个打开. 附例: Location---解析出当前url号后面所有参数的方法.返回{a:xx,b:xx} getURLParam: function(){ var…

JavaScript基础 -- BOM

JavaScript三大核心: 1)核心(ECMAScript):描述了JS的语法和基本对象 2)文档对象模型(DOM):处理网页内容的方法和接口 3)浏览器对象模型(BOM):与浏览器交互的方法和接口 BOM部分主要是针对浏览器的内容,主要对象(常用window对象和location对象)如下: 1.window是全局对象很多关于浏览器的脚本设置都是通过它. 2.location则是与地址栏内容相关,比如想要跳转到某个页面,或者通过URL获取一定的内容. 3.navigator中有很多浏览器相…

原生javascript 基础动画原理

一.实现原理: 1.开定时器前先清除定时器 2.设置定时器 3.当前元素的位置 + 每一步的长度 4.当元素当前位置超过目标点时,把当前位置==目标点 5.设置元素位置,开始运动 6.判断当前位置如果到达目标点,则清除定时器二.代码 <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> *{ margin:0;padding:…

javascript基础-DOM原理

解释清楚DOM原理并不是一件容易的事,但是任何一个前端工程师,都必须牢牢掌握它. DOM整体架构: 图解: DOM,即针对XML文档的应用程序编程接口(API).通俗一点说,HTML属于XML的一种,先将HTML映射成节点树,然后对节点树提供一套增删改查的方法. DOM1 Core: 图解: 1. Node: 节点接口.属性:nodeType(1:element,2:attr,3:text),nodeValue(属性value值/节点的文本值):方法:提供了’节点级‘的’上下左右‘增删改查AP…

从零开始学习前端JAVASCRIPT — 5、JavaScript基础BOM

1:BOM(Browser Object Model)概念 window对象是BOM中所有对象的核心. 2:window属性(较少用) self:self代表自己,相当于window. window.self; //指向自身窗口 parent:返回父窗口. top:返回顶层窗口,和parent作用一样. opener:窗口开启者. 3:window方法 1.window.open(url, name, feature, replace); url:一个可选的字符串,声明了要在新窗口中显示的文…

JavaScript基础：BOM的常见内置方法和内置对象

本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. BOM的介绍 JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准.包括变量.表达式.运算符.函数.if语句.for语句等. DOM:文档对象模型,操作网页上的元素的API.比如让盒子移动.变色.轮播图等. BOM:浏览器对象模型,操作浏览器部分功能的API.比如让浏览器自动滚动. 什么是BOM BOM…