如果html文档中用id属性为元素命名。并且如果 window对象没有此名字的属性，则window对象会赋予一个属性，其名字为id属性的值，其值指向该元素
ECMAScript是JavaScript的核心，但如果要在web中使用JavaScript，那么BOM则是真正的核心，BOM提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。
this的值是在运行时确定的 JS中的this究竟代表什么，这是在程序运行时根据上下文环境确定，可以分为以下几种情况。 1. 全局作用域中的this 在全局作用域中，this指向window对象。 console.log(this);//指向window对象 this.x = 5//在全局作用域内创建一个x //与this.x = 5的等价情况： //var x = 5; //x = 5; 在全局作用域中执行var x=5，其实是为window对象创建一个属性x，并令其等于5。 若定义变量时不加var，
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被
浏览器为我们提供了JavaScript运行的环境，同时也给我们提供了很多的对象，我们从这一篇开始逐个讲解浏览器上的内置对象的属性和方法。常见的浏览器内置对象有：Window 、Location 、Navigator 、History 、Screen…… 本篇文章，我们就从最大的对象Window开始讲起，在本文的最后还附带讲述其它几个对象的文章链接
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。
DOM（文档对象模型）是 HTML 和 XML 的应用程序接口，是操作文档出现的 API，是为了操作文档出现的接口。DOM代表着被加载到浏览器窗口里的当前网页：浏览器向我们提供了当前网页的地图（或者说模型），而我们可以通过js去读取这张地图。
什么是跨域？ 概念：只要协议、域名、端口有任何一个不同，都被当作是不同的域。 URL 说明 是否允许通信 http://www.a.com/a.js http://www.a.com/b.js 同一域名下 允许 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同一域名下不同文件夹 允许 http://www.a.com:8000/a.js htt
一、目录： ---- ---- 1.ready（function(){}）方法的使用 2.require最常用的方法: 3.display:none 4.visible:hidden 5.修改span的字体的颜色 6.window对象中self、 top 的区别 7.blur事件的使用 二.、内容: 1. ready（function(){}） ```$(document).ready(function(){ // 当网页加载完成后执行这里的代码块 });``` 2.require('http') 内置模块
声明a=1；a属于number类型，但是number类型又是number对象，有着以下方法：
跨域详解 1. 概念 协议、域名、端口有一个不同即被当作不同的域 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同一域名下不同文件夹 允许 http://www.a.com:8000/a.js http://www.a.com/b.js 同一域名，不同端口 不允许 http://www.a.com/a.js https://www.a.com/b.js 同一域名，不同协议 不允许 http://www.a.com/a.js http://70
与其它语言当中的this不同的是，我们JS当中的this总是指向一个对象。而具体是指向哪一个对象，则要看其运行时是基于哪一个函数的执行环境所动态绑定的。
使用window.alert('hello')写入警告框 使用document.write('hello')写入HTML 使用console.log('hello')写入浏览器控制台
一、函数的一些基础概念： 1.js中的函数使用function来声明。 2.关于return： 2.1 函数在执行到return语句后悔立即停止并退出，return后面的代码永远不会得到执行； 2.2 函数不必指定是否返回值，只要return语句后跟要返回的值即可实现返回值； 2.3 return语句不带任何返回值时，会返回undefined值，这种做法一般用在需要提前停止函数执行而又不需要返回值的情况。 3.理解参数： 3.1 函数不介意传递进来参数个数以及类型，因为js中的参数在内部是用一个数组
跨域详解 Write By CS逍遥剑仙 我的主页: www.csxiaoyao.com GitHub: github.com/csxiaoyaojianxian Email: sunjianfeng@csxiaoyao.com QQ: 1724338257 目录导航 跨域详解 1. 概念 2. 跨域资源共享（CORS） 3. jsonp跨域 3.1 概念 3.2 实现 3.3 jQuery封装操作 3.4 JSONP优缺点 CORS 与 J
CORS（Cross-Origin Resource Sharing）跨域资源共享，定义了必须在访问跨域资源时，浏览器与服务器应该如何沟通。CORS背后的基本思想就是使用自定义的HTTP头部让浏览器与服务器进行沟通，从而决定请求或响应是应该成功还是失败。
| 导语 在过去，浏览器沙箱（sandbox）主要应用在前端安全领域，随着应用架构复杂，微前端方案的出现，js运行环境沙箱在浏览器中的需求越来越多。特别是近几年比较火的微前端领域，js沙箱是其比较核心一个技术点，是整个微前端方案的实现的关键点之一。 微前端对于沙箱的诉求 沙箱在微前端架构中不是必须要做的事情，因为如果规范做的足够好，是能够避免掉一些变量冲突读写，CSS 样式冲突的情况。但是如果你在一个足够大的体系中，仅仅通过规范来保证应用的可靠性面临较大的风险，还是需要技术手段去治理运行时的一些冲突问题
window.location.assign('http://www.baidu.com');
-多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机，连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
要理解跨域问题，就先理解好概念。跨域问题是由于javascript语言安全限制中的同源策略造成的.
Web文档(document)：一些呈现静态信息的页面，虽然有的页面是会动的，但信息本身还是静态！
昨天一个话题说关于AngularJS2以后版本的两个小技巧，不料引出了另外一个话题，话题起始很简单： “很多的前端框架并不复杂，比如JQuery,引入即用，实时看到效果，多好。到了Angular2一直到现在的版本5，一点改进没有，还要编译，还要部署，原有的JS脚本也不能用了。” 细想起来，这个话题的帽子并不小，至少牵扯出来一个关键，AngularJS2及以后的版本，其框架之下的JS代码，跟HTML中<script>块之中的JS代码，到底是什么关系？ 我试着来回答一下： 首先，在AngularJS2
////////////////////// 这道“七连击”的前端面试题来自与Github上的一篇文章，已经火了很久。介于这道题很经典，考点还很多，所以在这里与大家分享。 格式化后的代码，看上去会舒服
window对象定义了一些属性，用来指定当前窗口的一些信息。通过该属性的引用，可以获取当前窗口的信息
近日的项目需要用JavaScript完成，于是决定通读《JavaScript高级程序设计第三版》，书是2012年的，比较老了，但是可以用来快速了解JavaScript大概，主要目的是为读开源的JS项目扫清一些障碍。
近日的项目需要用JavaScript完成，于是决定通读《JavaScript高级程序设计第三版》，书是2012年的，比较老了，但是可以用来快速了解JavaScript大概，主要目的是为读开源的JS项目扫清一些障碍。 JavaScript组成 完整的JavaScript由ECMAScript、DOM和BOM三部分组成。 - ECMAScript，提供核心语言功能。 - DOM，文档对象模型，提供访问和操作网页内容的方法和接口。 - BOM，浏览器对象模型，提供与浏览器交互的方法和接口。 HTML中
this是一个比较迷惑人的东西，尽管你对this有很多的了解，但是面试题里面考察this指向，总会让你有种猜谜的感觉，知道一些，但是还是会出错，或许你猜对了，但是又好像解释不太清楚。
面试题是招聘公司和开发者都非常关心的话题，公司希望通过它了解开发者的真实水平和细节处理能力，而开发者希望能够最大程度地展示自己的水平（甚至超常发挥）。本文提供了众多前端开发面试题，无论是招聘方还是应聘方都值得一看！
一、什么是BOM？ BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。 二、Windows对象 Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.document.write()可以简写成：document.write()。 所有浏览器都支持 window 对象。它表示浏览器窗口。 所有
版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
每个JavaScript环境都有一个全局对象（global object）。在全局范围内创建的任何变量实际上都是这个对象的属性，而任何函数都是它的方法。在浏览器环境中，全局对象是window对象，它代表了包含网页的浏览器窗口。
一个程序猿和普通电脑用户，当他们浏览到一个效果炫酷的网页的时候，他们的反应是不太相同的：
BOM的核心是window,它是一个浏览器的功能实例，浏览器会为HTML文档创建一个专属的window对象，并为每一个框架创建额外的window对象。 window对象是BOM的顶层，所有其他对象都是通过window对象衍生的；但是在调用子对象的时候并不强制要求声明
以微信小程序举例。小程序的主要语言是js，使用小程序也方便说明我们接下来要讲的问题。
Node.js 是基于 “ Chrome V8 引擎 ” 的 JavaScript 运行环境
JS数据类型 JS类型分类 讲到类型， 首先要说的当然是JS的类型分类， 对于这一点，《javascript高级语言程序设计》和《你不知道的javasvript》的阐述是有差异的（但想表达的意思是相同
BOM(Browser Object Model),即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window
Browser Object Model（浏览器对象模型）,即把「浏览器」当做一个「对象」来看待。BOM没有相关标准，BOM的最核心对象是window对象。window对象既为javascript访问浏览器提供API，同时在ECMAScript中充当Global对象。BOM和浏览器关系密切，浏览器很多东西可以通过javascript控制，例如打开窗口、打开选项卡、关闭页面、收藏夹等。这些功能与网页内容无关。由于没有标准，不同的浏览器实现同一功能，可以通过不同的实现方式。例如，加入收藏夹这个功能：
在之前我们介绍了从零实现Chrome扩展，而实际上浏览器级别的扩展整体架构非常复杂，尽管当前有统一规范但不同浏览器的具体实现不尽相同，并且成为开发者并上架Chrome应用商店需要支付5$的注册费，如果我们只是希望在Web页面中进行一些轻量级的脚本编写，使用浏览器扩展级别的能力会显得成本略高，所以在本文我们主要探讨浏览器Web级别的轻量级脚本实现。
JavaScript可以分为三个部分：ECMAScript标准、DOM、BOM。如图：
BOM和DOM简介 BOM（Browser Object Model）是指浏览器对象模型，它使JavaScript有能力与浏览器进行“对话”。 DOM（Document Object Model）是指文档对象模型，通过它，可以访问HTML文档的所有元素。 Window对象是客户端JavaScropt最高层对象之一，由于window对象是其他大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.document.write()可以简写成：documen
BOM ( Browser Object Model )即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心 对象是window，BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。 BOM缺乏标准, JavaScript 语法的标准化组织是ECMA , DOM的标准化组织是W3C , BOM最初是Netscape浏 览器标准的一部分。
BOM是browser object model的缩写，简称浏览器对象模型 Window对象的分类 Window对象中的属性对象Document文档对象 wondow.onload事件:当页面加载完成做一些事情 //当文档加载完毕之后,再执行操作 window.onload=function(){ TODO }; Document文档对象 Document对象集合 links 链接对象 anchors 锚对象 forms 表单对象 images 图片对象 //返回当前文档的超链接集合
在之前一段时间，我需要借助Chrome扩展来完成一个需求，当时还在使用油猴脚本与浏览器扩展之间调研了一波，而此时恰好我又有一些做的还可以的油猴脚本 TKScript (点个star吧 😁)，相对会比较熟悉脚本管理器的能力，预估是不太能完成需求的，所以趁着这个机会，我又学习了一波浏览器扩展的能力。那么在后来需求的开发过程中，因为有些能力是类似于脚本管理器提供的基础环境，致使我越来越好奇脚本管理器是怎么实现的，而实际上脚本管理器实际上还是一个浏览器扩展，浏览器也并没有给脚本管理器开后门来实现相关能力，而让我疑惑的三个问题是:
2、使用window对象的属性、方法的时候可以省略window。例如：window.alert("hello")一般写成alert("hello"); window.document一般写成document
window是DOM的核心对象，表示浏览器的一个实例。在浏览器中，window对象有双重角色，它是通过JS访问浏览器窗口的一个接口，也是Global对象(参考百度)。
BOM全称Browser Object Model浏览器对象模型，将浏览器的各个组成部分封装成对象。
沙箱或称沙盒，即sandbox，顾名思义，就是让程序跑在一个隔离的环境下，不对外界的其他程序造成影响，外界无法修改该环境内任何信息，沙箱内的东西单独属于一个世界，通过创建类似沙盒的独立作业环境，在其内部运行的程序并不能对硬盘产生永久性的影响。举个简单的栗子，其实我们的浏览器，Chrome 中的每一个标签页都是一个沙箱（sandbox）。渲染进程被沙箱（Sandbox）隔离，网页 web 代码内容必须通过 IPC 通道才能与浏览器内核进程通信，通信过程会进行安全的检查。沙箱设计的目的是为了让不可信的代码运行在一定的环境中，从而限制这些代码访问隔离区之外的资源。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
