javascript

1970.1.1互联网开始时间

**JavaScript ( 开发Web页面的脚本语言 )** 是面向 Web 的编程语言,获得了所有网页浏览器的支持,是目前使用最广泛的脚本编程语言之一,也是网页设计和 Web 应用必须掌握的基本工具。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

它可以做什么?

网页效果:网页中出现的各种效果场景的:轮播图/tab切换/瀑布流/导航/表单...
网页游戏:H5小游戏/小程序中的小游
应用接口:客户端软件/APP桥接/...

JavaScript构成

x核心( ECMAScript )( 语言核心部分 语法 )

Web 浏览器只是 ECMAScript 实现的宿主环境之一。宿主环境不仅提供基本的 ECMAScript 实现,同时也会提供各种扩展功能。

x文档对象模型( Document Object Model,DOM )( 网页文档操作标准 dom操作 )

文档对象模型是 HTML 的应用程序编程接口(API)。DOM 把整个文档映射为一个树形节点结构,以方便 JavaScript 脚本快速访问和操作。

浏览器对象模型( BOM )( 客户端和浏览器窗口操作基础 )

IE3.0 和 Netscape Navigator 3.0 提供了一种新特性,即 BOM(浏览器对象模型)。使用 BOM 可以对浏览器窗口进行访问和操作,如移动窗口、访问历史记录、动态导航等。与 DOM 不同,BOM 只是 JavaScript 的一个部分,并没有形成规范性标准,但是所有浏览器都默认支持。

浏览器安全

每个浏览器标签页就是其自身用来运行代码的独立容器(这些容器用专业术语称为“运行环境”)。大多数情况下,每个标签页中的代码完全独立运行,而且一个标签页中的代码不能直接影响另一个标签页(或者另一个网站)中的代码。这是一个好的安全措施,如果不这样,黑客就可以从其他网站盗取信息,等等。

ECMAScript 起源:ECMAScript 是 JavaScript 语言的规范标准

JavaScript 是 ECMAScript 的一种实现。注意,这两个词在一般语境中是可以互换的。

ECMA是什么?

全称:European computer manufacturers association欧洲计算机制造联合会;

JavaScript历史 (1995网景公司布兰德 )

1998 年 6 月: ECMAScript 2.0 版发布。
1999 年 12 月: ECMAScript 3.0 版发布,并成为 JavaScript 的通用标准,获得广泛支持。
2007 年 10 月: ECMAScript 4.0 版案发布,对 3.0 版做了人幅升级。由于 4.0 版的目标过于激进,冬方对于是否通过这个标准产生了严重分歧。
2008 年 7月:ECMA中止ECMAScript 4.0的开发,将其中涉及现有功能改善的一小部分发布为ECMAScript 3.1。不人,ECMAScript 3.1 改名为 ECMAScript 5。
2009 年12月: ECMAScript 5.0 版正式发布。
2011 年6 月:ECMAScript 5.1 版发布,并且成为sO 国际标准(SO/EC16262:2011)。
2013 年 12 月:ECMAScript 6 版草案发布。
2015 年 6 月:ECMAScript 6 发布正式版本,并更名为 ECMAScript 2015。Mozilla 在这个标准的基础上作!了 Javascript 2.0.
从此以后,JavaScript 开始以年份命名,新版本将按照“ECMAScript+
年份”的形式发布。目前最新 版本为ErMAscytet en18,于e018 在7月正式发布。

如何让JS执行

内部 JavaScript

在 script 元素中添加一些 JavaScript 代码,通过浏览器运行html文件,JavaScript代码就会执行

外部 JavaScript

新建一个js文件,在js文件编写需要执行的js内容,在html中通过 的方式引入js文件

内联 JavaScript

在标签的特殊属性上可以直接调用js函数

js输入输出语句

alert('msg') 浏览器弹出警示框
console.log('msg') 浏览器控制台打印输出信息
prompt('msg') 浏览器弹出输入框,用户可以输入
confirm('msg') 浏览器弹出确认框,有两个按钮(确定和取消)

解释代码和编译代码

解释代码

在解释型语言中,代码自上而下运行,且实时返回运行结果。代码在由浏览器执行前,不需要将其转化为其他形式。代码将直接以文本格式(text form)被接收和处理。

编译代码

编译型语言需要先将代码转化(编译)成另一种形式才能运行。比如 C/C++ 先被编译成汇编语言,然后才能由计算机运行。程序将以二进制的格式运行,这些二进制内容是由程序源代码产生的。

JavaScript 是轻量级解释型语言。

浏览器接受到JavaScript代码,并以代码自身的文本格式运行它。技术上,几乎所有 JavaScript 转换器都运用了一种叫做即时编译(just-in-time compiling)的技术;当 JavaScript 源代码被执行时,它会被编译成二进制的格式,使代码运行速度更快。尽管如此,JavaScript 仍然是一门解释型语言,因为编译过程发生在代码运行中,而非之前。

服务器端代码和客户端代码

客户端代码

客户端代码是在用户的电脑上运行的代码,在浏览一个网页时,它的客户端代码就会被下载,然后由浏览器来运行并展示。这就是客户端 JavaScript。

>服务端代码动态和静态

动态

“动态”一词既适用于客户端 JavaScript,又适用于描述服务器端语言。是指通过按需生成新内容来更新 web 页面 / 应用,使得不同环境下显示不同内容。服务器端代码会在服务器上动态生成新内容,例如从数据库中提取信息。而客户端 JavaScript 则在用户端浏览器中动态生成新内容,比如说创建一个新的 HTML 表格,用从服务器请求到的数据填充,然后在网页中向用户展示这个表格。两种情况的意义略有不同,但又有所关联,且两者(服务器端和客户端)经常协同作战。

静态

没有动态更新内容的网页叫做“静态”页面,所显示的内容不会改变。

原文链接:https://www.cnblogs.com/shengyi37com/p/17326542.html

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript - Python技术站

(0)
上一篇 2023年4月18日
下一篇 2023年4月18日

相关文章

  • JavaScript splice()方法详解

    JavaScript splice()方法详解 简介 JavaScript中的splice()方法是用于修改数组的方法之一。可以用它来添加、删除或替换数组的元素。splice()方法允许您使用起始索引和结束索引来确定要操作的一系列元素。 splice()方法的语法如下: array.splice(start, deleteCount, item1, item…

    JavaScript 2023年5月18日
    00
  • 超详细的JavaScript基本语法规则

    超详细的JavaScript基本语法规则 JavaScript的基本组成 JavaScript 由如下组成: 变量(Variables):用于存储值的容器 运算符(Operators):用于操作这些值的符号 表达式(Expressions):用运算符来操作变量和值所组成的结构 语句(Statements):用于控制程序流程,由表达式组成 函数(Functio…

    JavaScript 2023年5月17日
    00
  • JS中对Cookie的操作详解

    JS中对Cookie的操作详解 什么是Cookie? 在Web开发中,Cookie(也叫作HTTP Cookie)是存储于用户计算机上的一个小文本文件。它的目的是为了记录用户的一些信息,例如登录状态、购物车信息等。当用户再次访问同一网站时,服务器能够读取这些Cookie,并且根据其中记录的信息为用户提供更好的体验。 如何创建一个Cookie? 为了创建一个C…

    JavaScript 2023年6月11日
    00
  • JavaScript 设计模式之洋葱模型原理及实践应用

    JavaScript 设计模式之洋葱模型原理及实践应用 什么是洋葱模型 洋葱模型是一种JavaScript设计模式,也被称为“拦截器模式”或“过滤器模式”。其原理是将多个操作分别封装在不同的层级中,从外到内形成一层层的管道,每个操作都可以在管道的中间处理数据,并将数据传递到下一层操作中。 在洋葱模型中,通常会使用一个回调函数作为管道的最后一层,它接收处理后的…

    JavaScript 2023年6月10日
    00
  • 详解Angular中通过$location获取地址栏的参数

    以下是详解Angular中通过$location获取地址栏的参数的完整攻略: 1. 简介 在Angular中,我们可以通过使用$location服务获取地址栏中的URL信息,包括协议、域名、路径和查询参数等。$location是Angular中的一个内置服务,在跟踪URL和路由变化方面非常有用。 2. 使用示例 示例1:获取查询参数 我们首先创建一个控制器,…

    JavaScript 2023年6月11日
    00
  • JavaScript将相对地址转换为绝对地址示例代码

    下面是关于JavaScript将相对地址转换为绝对地址的攻略,包含以下四个步骤: 获取当前页面的URL和相对地址。 判断相对地址的类型(同级、下级、上级)。 根据相对地址的类型,将其转换为绝对地址。 使用转换后的绝对地址进行操作。 下面用两个示例来说明具体的实现过程。 示例一:转换同级相对地址为绝对地址 在相同层级的情况下,相对地址一般是以./开头。比如,当…

    JavaScript 2023年6月11日
    00
  • jquery教程ajax请求json数据示例

    下面是详细的攻略内容: jQuery教程:ajax请求json数据示例 简介 在现代网页开发中,经常需要从服务器动态地获取数据并实时展示到页面上。而Ajax技术则是实现这一目标的重要手段之一,jQuery作为一个广泛使用的Javascript库,封装了非常方便的Ajax请求操作。 本教程主要介绍如何使用jQuery实现Ajax请求,获取json格式的数据,并…

    JavaScript 2023年5月27日
    00
  • window.location.href中url中数据量太大时的解决方法

    当使用JavaScript中的window.location.href属性在URL中传递大量数据时,可能会超出浏览器限制的URL长度限制。这可能导致数据丢失或URL截断,无法完全传递所需的数据。为解决这个问题,我们可以考虑以下两种方法: 方法一:使用POST请求 将数据通过POST请求发送给服务器,而不是将其作为URL参数附加到网址中。这样可以避免浏览器UR…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部