JavaScript学习第二天——BOM、DOM、JS的组成、JavaScript

爬虫之矛---JavaScript基石篇7<DOM、渲染引擎、BOM和JS引擎探索> 在Web开发中,DOM(Document Object Model)是一个非常重要的概念。DOM可以看作是一个树形结构,它将网页文档以一种机器可读的方式表示出来。简单来说,DOM是浏览器将网页解析成内存中的对象模型,开发人员可以使用这个模型来访问、操纵和修改网页的内容、结构和样式。在Web浏览器中,渲染引擎是负责将HTML、CSS和JavaScript转换为可视化内容的核心组件。它是浏览器的心脏,负责解析、布局和绘制内容,将信息呈现给用户。了解渲染引擎的工作原理和性能优化对于Web开发和优化非常重要。 阅读详情

JavaScript初识导读

1.初识JavaScript

1.1 JavaScript历史
1.2 JavaScript是什么

JavaScript是世界上最流行的语言之一,是一种运行在客户端的脚本语言(Script是脚本的意思)

脚本语言:不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行

1.3 JavaScript的作用

1.表单动态效验(密码强度检测)(JS产生最初的目的)

2.网页特效

3.服务端开发(Node.js)

4.桌面程序(Electron)

5.App(Cordova)

6.控制插件—物联网(Ruff)

7.游戏开发(cocos2d-js)

1.4 HTML/CSS/JS的关系

HTML/CSS标记语言——描述类语言

HTML决定网页结构和内容(决定看到什么),相当于人的身体

CSS决定网页呈现给用户的模样(决定好不好看),相当于给人穿衣服、化妆

JS脚本语言——编程类语言

实现业务逻辑和页面控制(决定功能),相当于人的各种动作

1.4 浏览器执行JS简介

浏览器分成两部分:渲染引擎和JS引擎

渲染引擎:用来解析HTML与CSS,俗称内核,比如chrome浏览器的blink,老版本的wekit

JS引擎:也称为JS解释器,用来读取网页中的JavaScript代码,对其处理后运行,比如chrome浏览器的V8

浏览器本身并不会执行JS代码,而是通过内置JavaScript引擎(解释器)来执行JS代码,JS引擎执行代码是逐行解释每一句源码(转换为机器语言),然后有计算机去执行,所以JavaScript语言归类为脚本语言,会逐行解释执行。

1.5 JS的组成

JavaScript:

ECMAScript(JavaScript语法)、

DOM(页面文档对象模型)、

BOM(浏览器对象模型)

1.ECMAScript

是由ECMA国际(原欧洲计算机制造商协会)进行标准化的一门编程语言,这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,但实际上后两者是ECMAScript语言的实现和扩展

ECMAScript:JavaScript(网景公司)、Jscript(微软公司)

ECMAScript:ECMAScript规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准

2.DOM——文档对象模型

文档对象模型(Document Object Model,j简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过DOM提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)。

3.BOM——浏览器对象模型

BOM(Browser Object Model,简称BOM)是指浏览器对象模型,他提供独立于内容的,可以与浏览器窗口进行交互的对象结构,通过BOM可以操作的浏览器窗口,比如弹出窗、控制浏览器跳转、获取分辨率等

1.6 JS初体验

JS有三种书写位置,分别为行内、内嵌和外部

1.行内式 JS

可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头的属性),如:onclick;

注意单双引号的使用:在HTML中我们推荐使用双引号,JS中我们推荐使用单引号;

可读性差,在html中阿斌写JS大量代码时,不方便阅读;

引号易错,引号多层嵌套匹配时,非常容易弄混;

特殊情况下使用;

2.内嵌 JS

可以将多行JS代码写到

内嵌JS是学习时常用的方式

3.外部 JS 文件

利于HTML页面代码结构化,把大段JS代码独立HTML页面之外,既美观,也方便文件级别的复用

引用外部JS文件的script标签中间不可以写代码

适合于JS代码量比较大的情况

2.JS 注释

// 单行注释:ctrl + /
			/*
			1.多行注释			HBuilder X 默认快捷键 shift + ctrl + /
			2.多行注释			VScode中修改多行注释的快捷键:ctrl + shift + /
			*/

3.JavaScript输入输出语句

为了方便方便信息的输入输出,JS提供了一些输入输出语句:

**alert(msg)😗*浏览器弹出警示框;归属于浏览器

**console.log(msg)😗*浏览器控制台打印输出信息;归属于浏览器

**prompt(info)😗*浏览器弹出输入框,用户可以输入;归属于浏览器

代码示例:

<script type="text/javascript">
			// 这是一个输入框
			prompt('请你输入你的年龄');
			// alert弹出警示框,输出的,展示给用户的
			alert('计算的结果是');
			// console控制台输出,给程序测试用的
			console.log('我是程序员能看到的');
		</script>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- <script src="my.js" type="text/javascript" charset="utf-8"></script> -->
		<script type="text/javascript">
			// 这是一个输入框
			prompt('请你输入你的年龄');
			// alert弹出警示框,输出的,展示给用户的
			alert('计算的结果是');
			// console控制台输出,给程序员测试用的
			console.log('我是程序员能看到的');
		</script>
	</head>
	<body>
		<!-- <input type="button" value="点我试试" onclick="alert('你好呀')" /> -->
	</body>
</html>
学 JavaScript 前,这 4 个词你必须懂:JS、ES、DOM、BOM 每次有人问我“JavaScript 到底是什么?”我就忍不住想讲个故事。它不是冰冷的语法,而是让网页活过来的灵魂;它有标准、有规则、有魔法通道,还有能操控浏览器的超能力。今天就跟着小米,一起走进 JavaScript 的奇妙世界吧! 阅读详情

相关推荐

105. replace( )函数

【目录】

weixin_63986098的博客 1万+

JavaScript 基础入门

HTML是一种标记语言,用来结构化我们的网页内容并赋予内容含义,例如定义段落、标题和数据表,或在页面中嵌入图片和视频。CSS是一种样式规则语言,可将样式应用于 HTML 内容,例如设置背景颜色和字体,在多个列中布局内容。javascript是一种脚本语言,可以用来创建动态更新的内容,控制多媒体,制作图像动画,还有很多。(好吧,虽然它不是万能的,但可以通过简短的代码来实现神奇的功能。JavaScript主要用于HTML的页面,嵌入在HTML的源码中。

无法自律的人的博客 3148

从Pikachu靶场实战解析越权漏洞:原理、攻击与防御

本文通过Pikachu靶场实战详细解析越权漏洞的原理、攻击方式与防御策略。文章深入探讨水平越权和垂直越权的危害,结合代码示例展示漏洞利用过程,并提供代码层和架构层的立体化防御方案,帮助开发者有效防范这一Web安全隐形杀手。

weixin_29325007的博客 358

JavaScript入门

JavaScript入门秘籍,欲练此功,关注有功

微风洋洋的博客 1万+

初学者入门机器学习 (ML)的推荐教程

了解基本的机器学习概念并不难。有大量免费的在线博客文章、视频和编码教程可以引导您了解基础知识——从介绍性内容到常见应用程序,再到算法和应用技能。这篇文章总结了一些用于介绍 ML 的最佳免费选项。它按逻辑顺序排列,每个概念都建立在上一个概念的基础上。

u010542847的博客 4621

XILINX偶然加载不成功的问题原因及解决方法

本文为明德扬原创文章,转载请注明出处! 一、项目背景 明德扬(MDY)在2021年承担了多个基于XILINX芯片的研发项目,包括VPX网络透明传输项目(芯片为XC7K325T-2FBG900)、某高端测试仪项目(芯片为XCKU060-FFVA1156)、某网闸设备项目(芯片为XC7Z030-FBG676)等,另外,明德扬自研了基于XC7K325T-2FBG900和基于XC7K410T-2FBG900芯片的核心板,在XILINX研发领域拥有丰富的经验。即使拥有丰富经验和积累,每个新项目我们均...

6036

从零开始的JavaScript基础!

JavaScript基础内容:概述、使用方式、语法基础、运算符

2401_84309743的博客 4976

Keysight ADS新手必看:3分钟搞定TDR模拟的保姆级教程(附差分信号设置技巧)

本文为Keysight ADS新手提供TDR模拟的保姆级教程,详细介绍了从基础环境准备到差分信号设置的全流程。通过内置模板调用、待测器件连接和仿真结果解读,帮助用户快速掌握TDR模拟技术,特别包含差分信号配置技巧,提升信号完整性分析效率。

weixin_30872157的博客 197

javaScript入门基础

jjavaScript入门 一、定义 1、js是一门编程语言,是一门运行在客户端的脚本语言(script 脚本),脚本语言不需要编译, ​ 运行过程中是由js引擎(解释器)逐行来进行解释为机器语言然后由计算机去执行的。 ​ 2、代码从上往下依次执行,执行完第一句再执行第二句,如果中间发生错误,则不会在往下执行。 ​ 3、也可以使用node.js 在服务端进行开发。 二、作用 ​ 1、表单动态验证(密码强度检测) ​ 2、网页特效 ​ 3、服务端开

weixin_45023824的博客 1644

【华为OD机试】贪吃蛇(python, java, c++, js)

贪吃蛇是一个经典游戏,蛇的身体由若干方格连接而成,身体随蛇头移动。蛇头触碰到食物时,蛇的长度会增加一格。蛇头和身体的任一方格或者游戏版图边界碰撞时,游戏结束。 下面让我们来完成贪吃蛇游戏的模拟。 给定一个NM的数组arr,代表NM个方格组成的版图,贪吃蛇每次移动一个方格。 若arr[i][j] == H,表示该方格为贪吃蛇的起始位置; 若arr[i][j] == F,表示该方格为食物, 若arr[i][j] == E,表示该方格为空格。 贪吃蛇初始长度为1,初始移动方向为向左。

A_D_I_D_A_S的博客 541

ThingsBoard3.9.1规则引擎方式发送钉钉通知消息

thingsboard3.9.1/4.0规则链方式发送钉钉通知消息。

hssjf的专栏 531

【JavaScript】 从入门到精通(完整详解,附有代码+案例)

【JavaScript】 从入门到精通(完整详解,附有代码+案例),涵盖常见特性的用法,快速上手。

Java技术加油站的博客 5718

Laser-Marking 激光振镜打标机的开源代码 - 下载 - 搜珍网

为了方便开发者的使用和定制化需求,我们在这里提供激光振镜打标机的开源代码,并附带详细的描述。首先,让我们来了解一下激光振镜打标机的基本原理。振镜系统由两个可移动的反射镜组成,可以控制激光束在水平和垂直方向上的偏转角度,从而实现对工件的精确控制。通过这段开源代码,开发者可以根据自己的需求对激光振镜打标机进行二次开发和定制化。你可以修改振镜角度、打标速度等参数,也可以添加其他功能,例如自动识别和追踪等。首先,我们创建了一个串口对象,用于与激光振镜打标机进行通信。函数实现了对用户输入文本的打标操作。

TechProX的博客 1279

Javascript之BOM与DOM讲解

一.Javascript组成JavaScript的实现包括以下3个部分:ECMAScript(核心)描述了JS的语法和基本对象。文档对象模型 (DOM)处理网页内容的方法和接口浏览器对象模型(BOM)与浏览器交互的方法和接口javascript 有三部分构成,ECMAScript,DOM和BOM,根据宿主(浏览器)的不同,具体的表现形式也不尽相同,ie和其他的浏览器风格迥异,IE 扩展了 BOM,...

晨港飞燕的专栏 8万+

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明,包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

javascript中的DOM和BOM

在JavaScript中,对象是一种复杂的数据类型,允许我们存储一组值(属性)以及方法。对象可以看作是一种数据的集合,其中包含键值对,其中键是字符串或符号,而值可以是任何数据类型,包括其他对象。或者说对象是一些属性的无序集合,其中每一个属性都对应一个名称和值(键/值对)。如数组是一堆值的集合,其中的每一个值都有一个数字的索引(从0到n-1),对象也类似与数组,不同的是其中的索引是我们自己定义的(名称),如:city(城市),scale(规模).....等等。

lh11223326的博客 1911

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

JavaScript基础——DOM和BOM的常用api

DOM和BOM所有常用的API都在这里

蜡笔不新的博客 2113

深度学习工具包 DeepLearningToolbox

深度学习工具包Deprecation notice.-----This toolbox is outdated and no longer maintained.There are much better tools available for deep learning than this toolbox, e.g. [Theano](http://deeplearning.net/software/theano/), [torch](http://torch.ch/) or [tensorflow](http://www.tensorflow.org/)I would suggest you use one of the tools mentioned above rather than use this toolbox.Best, Rasmus.DeepLearnToolbox================A Matlab toolbox for Deep Learning.Deep Learning is a new subfield of machine learning that focuses on learning deep hierarchical models of data.It is inspired by the human brain's apparent deep (layered, hierarchical) architecture.A good overview of the theory of Deep Learning theory is[Learning Deep Architectures for AI](http://www.iro.umontreal.ca/~bengioy/papers/ftml_book.pdf)For a more informal introduction, see the following videos by Geoffrey Hinton and Andrew Ng.* [The Next Generation of Neural Networks](http://www.youtube.com/watch?v=AyzOUbkUf3M) (Hinton, 2007)* [Recent Developments in Deep Learning](http://www.youtube.com/watch?v=VdIURAu1-aU) (Hinton, 2010)* [Unsupervised Feature Learning and Deep Learning](http://www.youtube.com/watch?v=ZmNOAtZIgIk) (Ng, 2011)If you use this toolbox in your research please cite [Prediction as a candidate for learning deep hierarchical models of data](http://www2.imm.dtu.dk/pubdb/views/publication_details.php?id=6284)```@MASTERSTHESIS\{IMM2012-06284, author = "R. B. Palm", title = "Prediction as a candidate for learning deep hierarchical models of data", year = "2012",}```Contact: rasmusbergpalm at gmail dot comDirectories included in the toolbox-----------------------------------`NN/` - A library for Feedforward Backpropagation Neural Networks`CNN/` - A library for Convolutional Neural Networks`DBN/` - A library for Deep Belief Networks`SAE/` - A library for Stacked Auto-Encoders`CAE/` - A library for Convolutional Auto-Encoders`util/` - Utility functions used by the libraries`data/` - Data used by the examples`tests/` - unit tests to verify toolbox is workingFor references on each library check REFS.mdSetup-----1. Download.2. addpath(genpath('DeepLearnToolbox'));Example: Deep Belief Network---------------------```matlabfunction test_example_DBNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit RBM and visualize its weightsrand('state',0)dbn.sizes = [100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);figure; visualize(dbn.rbm{1}.W'); % Visualize the RBM weights%% ex2 train a 100-100 hidden unit DBN and use its weights to initialize a NNrand('state',0)%train dbndbn.sizes = [100 100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);%unfold dbn to nnnn = dbnunfoldtonn(dbn, 10);nn.activation_function = 'sigm';%train nnopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.10, 'Too big error');```Example: Stacked Auto-Encoders---------------------```matlabfunction test_example_SAEload mnist_uint8;train_x = double(train_x)/255;test_x = double(test_x)/255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit SDAE and use it to initialize a FFNN% Setup and train a stacked denoising autoencoder (SDAE)rand('state',0)sae = saesetup([784 100]);sae.ae{1}.activation_function = 'sigm';sae.ae{1}.learningRate = 1;sae.ae{1}.inputZeroMaskedFraction = 0.5;opts.numepochs = 1;opts.batchsize = 100;sae = saetrain(sae, train_x, opts);visualize(sae.ae{1}.W{1}(:,2:end)')% Use the SDAE to initialize a FFNNnn = nnsetup([784 100 10]);nn.activation_function = 'sigm';nn.learningRate = 1;nn.W{1} = sae.ae{1}.W{1};% Train the FFNNopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.16, 'Too big error');```Example: Convolutional Neural Nets---------------------```matlabfunction test_example_CNNload mnist_uint8;train_x = double(reshape(train_x',28,28,60000))/255;test_x = double(reshape(test_x',28,28,10000))/255;train_y = double(train_y');test_y = double(test_y');%% ex1 Train a 6c-2s-12c-2s Convolutional neural network %will run 1 epoch in about 200 second and get around 11% error. %With 100 epochs you'll get around 1.2% errorrand('state',0)cnn.layers = { struct('type', 'i') %input layer struct('type', 'c', 'outputmaps', 6, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %sub sampling layer struct('type', 'c', 'outputmaps', 12, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %subsampling layer};cnn = cnnsetup(cnn, train_x, train_y);opts.alpha = 1;opts.batchsize = 50;opts.numepochs = 1;cnn = cnntrain(cnn, train_x, train_y, opts);[er, bad] = cnntest(cnn, test_x, test_y);%plot mean squared errorfigure; plot(cnn.rL);assert(er<0.12, 'Too big error');```Example: Neural Networks---------------------```matlabfunction test_example_NNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);% normalize[train_x, mu, sigma] = zscore(train_x);test_x = normalize(test_x, mu, sigma);%% ex1 vanilla neural netrand('state',0)nn = nnsetup([784 100 10]);opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samples[nn, L] = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.08, 'Too big error');%% ex2 neural net with L2 weight decayrand('state',0)nn = nnsetup([784 100 10]);nn.weightPenaltyL2 = 1e-4; % L2 weight decayopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex3 neural net with dropoutrand('state',0)nn = nnsetup([784 100 10]);nn.dropoutFraction = 0.5; % Dropout fraction opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex4 neural net with sigmoid activation functionrand('state',0)nn = nnsetup([784 100 10]);nn.activation_function = 'sigm'; % Sigmoid activation functionnn.learningRate = 1; % Sigm require a lower learning rateopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex5 plotting functionalityrand('state',0)nn = nnsetup([784 20 10]);opts.numepochs = 5; % Number of full sweeps through datann.output = 'softmax'; % use softmax outputopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex6 neural net with sigmoid activation and plotting of validation and training error% split training data into training and validation datavx = train_x(1:10000,:);tx = train_x(10001:end,:);vy = train_y(1:10000,:);ty = train_y(10001:end,:);rand('state',0)nn = nnsetup([784 20 10]); nn.output = 'softmax'; % use softmax outputopts.numepochs = 5; % Number of full sweeps through dataopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, tx, ty, opts, vx, vy); % nntrain takes validation set as last two arguments (optionally)[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');```[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/rasmusbergpalm/deeplearntoolbox/trend.png)](https://bitdeli.com/free "Bitdeli Badge")

JS中的DOM与BOM

一.Javascript组成 JavaScript的实现包括以下3个部分: ECMAScript(核心)描述了JS的语法和基本对象。文档对象模型 (DOM)处理网页内容的方法和接口浏览器对象模型(BOM)与浏览器交互的方法和接口 javascript 有三部分构成,ECMAScript,DOM和BOM,根据宿主(浏览器)的不同,具体的表现形式也不尽相同,ie和其他的浏览器风格迥异,IE 扩展了 BOM,加入了 ActiveXObject 类,可以通过 JavaS...

CodeNotes 3334

JavaScript的三大组成部分以及BOM和DOM的关系

JavaScript主要由三部分构成:ECMAScript(核心语法)、BOM(浏览器对象模型)和DOM(文档对象模型)。ECMAScript定义了语言的基本语法和数据类型,支持面向对象和异步编程;BOM提供与浏览器交互的接口,如窗口操作、历史管理等;DOM则用于网页内容的结构化操作。三者协同工作,BOM包含DOM,前者侧重浏览器交互,后者专注文档操作。JavaScript运行环境多样,包括浏览器、Node.js服务器端以及跨平台开发框架(如React Native和Electron),展现了其强大的适应性

前端工程师 · Vue 生态深耕者,专注多端与工程化 1456

JavaScript的三大组成部分是什么?JavaScript的核心组成部分解析:语法、BOM和DOM

JavaScript作为一门重要的Web编程语言,在Web开发中扮演着关键角色。本文将深入探讨JavaScript的三大核心组成部分:语法、浏览器对象模型(BOM)和文档对象模型(DOM)。通过实例演示,您将更好地理解这些组成部分在Web应用程序中的作用。随着Web应用越来越复杂,JavaScript的重要性也日益凸显。了解JavaScript的核心组成部分对于开发出出色的用户体验至关重要。本文旨在为读者介绍JavaScript的三大核心组成部分,并通过简单易懂的代码示例,帮助读者更好地掌握这些概念。

猫头虎技术团队:授渔优于赠鱼,兴趣引领智慧,探索之乐尤显珍贵。商务合作+:Libin9iOak ,万粉变现+:优快云WF,猫头虎承诺每年免费为100名C站创作者做账号流量诊断服务!全网搜:猫头虎技术团队,点击文章底部名片或直接私信我一切皆可谈,快找虎哥! 3842

JavaScript的BOM、DOM编程

参考笔记:JavaWeb 速通DOM_java dom-优快云博客目录1.JS的组成部分2.BOM编程 2.1 基本介绍2.2 BOM的构成2.3 图解BOM编程 2.4 windows对象的常见属性2.5 windows对象的常见方法2.6 BOM编程的简单示例2.6.1 三种弹窗方式​2.6.2 页面跳转2.6.3 实现会话级存储和持久级数据存储(重要)3.DOM编程3.1 基本介绍3.2 常见方法表3.2.1 查找HTML元素3.2.2 改变HTML元素3.2.3 添加和删除元素3.2.4 元素添加

m0_55908255的博客 840

浅谈JavaScript的组成——ECMAScript、BOM和DOM

JavaScript由三部分组成:ECMAScript、BOM以及DOM 1、核心——ECMAScript:提供核心语言功能 2、文档对象模型——DOM:提供访问和操作网页内容的方法和接口 针对XML但经过扩展用于HTML的应用程序编程接口(API) DOM把页面映射成一个多层节点结构 为什么使用DOM?Netscape和微软在开发DHTML方面各持己见,为避免两强割据,浏览器互不兼容的

筱葭的博客 4238

JavaScript之DOM与BOM

1.DOM 是文档对象模型,BOM是浏览器对象模型2.DOM就是把文档当做一个对象来看待,BOM是把浏览器当做一个对象来看待3.DOM的顶级对象是document(实际上是window.document),BOM的顶级对象是window4.DOM 主要学习的是操作页面元素,BOM学习的是浏览器窗口交互的一些对象5.DOM是W3C标准规范,BOM是浏览器厂商在各自浏览器上定义的,兼容性较差。

m0_74859883的博客 1845

JavaScript中BOM、DOM、Document的爱恨情仇

老规矩,先来美图一张! 然后来说说今天的主要对象,JavaScript,哦,这个不能叫对象,严格意义上来说,它是**基于原型的面向对象语言**! 那么JavaScript是由什么组成呢? JavaScript的实现包括以下3个部分,根据宿主(浏览器)的不同,具体的表现形式也不尽相同。 1、核心(ECMAScript):描述了JS的语法和基本对象。 2、文档对象模型 (DOM):处理网页内容的方法和接口。DOM 是 W3C 的标准; [所有浏览器公共遵守的标准]。DOM 是为了操作文档出现的 API,doc.

githubcurry,985cs博士在读 1005

JavaScript-DOM和BOM详解

DOM和BOM(DOM((简介,事件(onclick单击事件、onload事件),BOM(简介,分类,语法( Navigator 当前浏览器、Histry 向前或向后翻页、Location 地址栏的信息))

主营前端方向,技术栈是vue 1517

Node.js和Javascript的异同

JavaScript的组成: ECMAScript(语言基础,如:语法、数据类型结构以及一些内置对象) DOM(一些操作页面元素的方法) BOM(一些操作浏览器的方法) Nodejs的组成: ECMAScript(语言基础,如:语法、数据类型结构以及一些内置对象) os(操作系统) file(文件系统) net(网络系统) ...

【小石头的茅坑】 71万+

Javascript之理解BOM和DOM

一个完整的JavaScript实现应该由以下三个部分构成:ECMAScript、DOM、BOM. ECMAScript: ES规定了JS的变成语法和基础核心知识,是所有浏览器厂商都遵守的JS语法工业标准。 DOM: 文档对象模型(Document Object Model),让我们通过DOM提供的接口来操作网页。DOM中,文档表示的就是整个HTML网页文档;对象表示将网页每个部分转换为一个对象;模型为使用模型表示对象间的关系,方便我们获取对象。通过dom,可以访问、

pakerder的博客 1253
上一篇: JavaScript学习第一天——计算机基础导学(编程语言、计算机基础)
下一篇: HTML学习课堂笔记
初级码农小九
博客等级 码龄6年 40粉丝 199原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值