javascript基础-BOM原理

图解:  1. Loction: 拼接参数时,应编码decodeURIComponent/encodeURIComponent()。

2. History: pushState+replaceState+onpopstate事件适合用来做无刷新页面切换; history.length===0用来判断当前页面(百度等搜索门户)是否用户第一个打开。

附例

Location---解析出当前url号后面所有参数的方法。返回{a:xx,b:xx}

       getURLParam: function(){
            var search = location.search,
                reg = /[^\&]+=[^\&]+/g;

            if(!search) return {};

            search = search.slice(1);

            var arr,arrs,result={};
            while(arr = reg.exec(search)){
                if(arrs = arr[0].match(/[^\=]+/g)){
                    result[arrs[0]] = arrs[1];
                }
            }

            return result;
        }

javascript基础-BOM原理

时间: 2024-08-01 19:47:32

javascript基础-BOM原理的相关文章

JavaScript基础---BOM

BOM  (Browser Object Model )浏览器对象模型 ①警告框 window.alert(' ') 控制器打印 console.log(' ') 确认 confirm(' ') 提示信息 prompt(' ') ②  1,打印 print() //链接到打印机 2,打开 open('https://www.baidu.com')    //打开一个链接,类似a标签 该方法可以接收 4 个参数: 1.要加载的 URL 2.窗口目标 _self  _blank 3.一个特性字符串

【JavaScript】BOM基础总结

javascript看了也一段时间了,前面讲的是基础的知识,还是很好理解的,后面的内容有些也很基础,像BOM,都是介绍的javascript的基础内容,下面对它进行一下小小的总结. 先来一张小图: 一.BOM基础 BOM是browser object model的缩写,简称浏览器对象模型.它提供了很多对象,用于访问浏览器的功能,也就是对浏览器进行操作的.浏览器又显示的内容,而BOM就是承载着我们看到内容的一个载体.BOM定义了JavaScript可以进行操作的浏览器的各个功能部件的接口,提供访问

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

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

JavaScript基础16——js的BOM对象

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js的BOM对象</title> 6 <script type="text/javascript"> 7 // BOM:Broswer Object Model 浏览器对象模型 8 /* 9 navifator 获取客户端(浏览器)的信息 10

Javascript基础篇小结

Javascript基础篇小结 字数9973 阅读3975 评论7 喜欢28 转载请声明出处 博客原文 随手翻阅以前的学习笔记,顺便整理一下放在这里,方便自己复习,也希望你有也有帮助吧 第一课时 入门基础 知识点: 操作系统就是个应用程序 只要是应用程序都要占用物理内存 浏览器本身也是一个应用程序 浏览器本身只懂得解析HTML 调用浏览器这个应用程序的一个功能绘制 1.javascript介绍 JavaScript操作DOM的本质是=获取+触发+改变 目的:就是用来操作内存中的DOM节点 修改D

Javascript.01 -- Javascript基础

Javascript基础 1 聊聊Javascript 1.1 Javascript的历史来源 94年网景公司   研发出世界上第一款浏览器. 95年 sun公司   java语言诞生 网景公司和sun合作. Java+script   ===> javascript 1.2 W3c规范 ?结构标准        html ?表现标准   css ?行为标准      js 1.3 JavaScript和ECMAScript的关系 ECMAScript是一种由Ecma国际前身为欧洲计算机制造商协

javascript基础语法——词法结构

× 目录 [1]java [2]定义 [3]大小写[4]保留字[5]注释[6]空白[7]分号 前面的话 javascript是一门简单的语言,也是一门复杂的语言.说它简单,是因为学会使用它只需片刻功夫:而说它复杂,是因为要真正掌握它则需要数年时间.实际上,前端工程师很大程度上就是指javascript工程师.前端入门容易精通难,说的是前端,更指的是javascript.本文是javascript基础语法的第一篇——词法结构 与java关系 关于javascript有这样一个说法,java和jav

js基础--javascript基础概念之语句(二)

js基础--javascript基础概念之语句(二)label,break,continue.. break .  continue 语句. break  continue 语句用于在循环中精确控制代码的执行,其中break语句会立即退出循环,执行循环后面的语句. continue 则退出循环后返回到再次进入循环中. 如: var num = 0; for(var i = 0; i<=100; i++){ if(i >= 10){ break; } num = i; } alert(num);

【JavaScript基础】------有待完善

最近开始学习JavaScript,整理了一些相关的基础知识,日后继续完善~~~ JS注释方式:// 单行注释(Ctrl+/ )/* 段落注释(Ctrl+shift+/ )*/ JavaScript基础JavaScript:基于浏览器 .基于(面向)对象.事件驱动.脚本语言JavaScript的作用:表单验证,减轻服务的压力,添加页面动画效果,动态更改页面内容,Ajax网络请求(Ajax:可以实现页面局部刷新)JavaScript组成部分:ECMAScript(5.1/6).DOM.BOMECMA