初识 JavaScript

目录

前言🧨javascript历史🧨javascript是什么?🧨javascript的作用。🧨浏览器执行js简介。🧨javascript的组成。🧨javascript初体验。 🧧结语 🧧前言

学了这么久,你真的了解javascript吗?很多不知道的小白总是把它和java联系在一起,在这里阿牛很负责任的告诉你们,两者没有任何关系,今天阿牛就带你们一起揭开javascript的神秘面纱😜!

🧨javascript历史 布兰登艾奇( Brendan Eich ,1961年~)。神奇的大哥在1995年利用10天完成 JavaScript 设计。网景公司最初命名为 LiveScript ,后来在与 Sun 合作之后将其改名为 JavaScript 。(很大部分也是为了蹭Java的热度) 🧨javascript是什么? JavaScript 是世界上最流行的语言之,是一种运行在客户端的脚本语言( Script 是脚本的意思)。脚本语言:不需要编译,运行过程中由 js 解释器( js 引擎)逐行来进行解释并执行。现在也可以基于 Node.js 技术进行服务器端编程。 🧨javascript的作用。 表单动态校验(密码强度检测)( JS 产生最初的目的)网页特效。服务端开发( Node.js )。桌面程序( Electron )(像你们用的vscode就是基于js开发的)。App ( Cordova )。控制硬件﹣物联网( Ruff )。游戏开发(cocos2d-js)。 🧨浏览器执行js简介。

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

渲染引擎:用来解析 HTML 与 CSS ,俗称内核,比如 chrome 浏览器的 blink ,老版本的 webkit。JS 引擎:也称为 JS 解释器。用来读取网页中的 JavaScript 代码,对其处理后运行,比如 chrome 浏览器的V8。
注:浏览器本身并不会执行 JS 代码,而是通过内置 JavaScript 引擎(解释器)来执行 JS 代码。 JS 引擎执行代码时逐行解释每一句源码(转换为机器语言),然后由计算机去执行,所以 JavaScript 语言归为脚本语言,会逐行解释执行。
🧨javascript的组成。

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

注: ECMAScript 规定了 JS 的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套 JS 语法工业标准。DOM一文档对象模型
文档对象模型( Document Object Model ,简称 DOM ),是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过 DOM 提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)。BOM 一 浏览器对象模型
ВОМ( Browser Object Model ,简称 BOM )是指浏览器对象模型,它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过 BOM 何以操作浏览器窗口,比如弹出框、控制浏览器跳转、获取分辨率等。 🧨javascript初体验。

JS有三种书写方式,分别为行内,内嵌和外部。

行内式 可以将单行或少量 JS 代码写在 HTML 标签的事件属性中(以 on 开头的属性),如: onclick 。注意单双引号的使用:在 HTML 中我们推荐使用双引号, JS 中我们推荐使用单引号。可读性差,在 htmI 中编写 JS 大量代码时,不方便阅读。引号易错,引号多层嵌套匹配时,非常容易弄混。特殊情况下使用。

可以写进三种标签里:

<button onclick="alert('这个小可爱真帅!')">我是button</button><input type="button" value="我是input" onclick="alert('这个小可爱真帅!')"><a href="javascript:alert('这个小可爱真帅!')">我是a标签</a>


内嵌JS 可以将多行 JS 代码写到< script >标签中。内嵌 JS 是学习时常用的方式 。

<script>        alert('我喜欢支持我的哥哥姐姐们!')</script>

外部JS文件。 利于 HTML 页面代码结构化,把大段 JS 代码独立到 HTML 页面之外,既美观,也方便文件级别的复用。引用外部 JS 文件的 script 标签中间不可以写代码。适合于 JS 代码量比较大的情况。

<script src="1.js"></script>


🧧结语

💖今天的内容就分享到这里!我们下期再见!喜欢博主的内容就不要把你的三连击藏着掖着了哦!您的支持就是对我对大的鼓励🔥!一起加油吧!💖

(0)

相关推荐

  • JS回调函数简单易懂的入门实例分析

    本文实例讲述了JS回调函数.分享给大家供大家参考,具体如下: 初学js的时候,被回调函数搞得很晕,现在回过头来总结一下什么是回调函数.什么是JS?(点击查看) 下面先看看标准的解释: <script language="javascript"> function SortNumber( obj, func ) // 定义通用排序函数 { // 参数验证,如果第一个参数不是数组或第二个参数不是函数则抛出异常 if( !(obj instanceof Array) || !(f

  • 初识Javascript小结

    1.HTML 中的脚本必须位于 <script> 与 </script> 标签之间. 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中 2.如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法 3.可以通过document.write()向HTML文档写内容,包括标签.注意,如果在文档已加载完成后执行document.write(),整个HTML文档将会被覆盖

  • js中的正则表达式入门(大量实例代码)

    什么是正则表达式呢? 正则表达式(regular expression)描述了一种字符串匹配的模式,可以用来检查一个字符串是否含有某种子串.将匹配的子串做替换或者从某个字符串中取出符合某个条件的子串等. 先科普一下基本的知识 js中使用正则表达式,除了了解正则表达式基本的匹配规则外.还需要了解下面的基本的知识: python,js,groovy这些脚本语言都有在线调试的网站,可以在线测试是否有语法错误,用起来也很方便. var reg = new RegExp('\\d{8-20}') reg.

  • 初识javascript 文档碎片

    后来是一技术群问到以下一段代码: 复制代码 代码如下: function html2node(s) { var d = document.createElement('div'); d.innerHTML = s; if (d.childNodes.length == 1) return d.childNodes[0]; var df = document.createDocumentFragment(); while (d.firstChild) df.appendChild(d.firstC

  • Javascript的表单验证-初识正则表达式

    推荐阅读:Javascript的表单验证长度 Javascript的表单验证-提交表单 Javascript的表单验证-揭开正则表达式的面纱 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证. 验证日期 日期的格式相对特别,不能光凭其长度来验证 常见的日期格式:先以两位数表示日,再以两位数表示月,最后以四位数表示年,期间以斜线分隔. MM/DD/YYYY 博主:怎样设计出验证日期是否符合格式的代码呢? 先来看一下验证日期格式的逻辑吧 将表单域中的值取出,

  • 面向对象的Javascript之一(初识Javascript)

    1. Javascript最大的特性在于其灵活性.作为一名前端开发人员,既可以采用函数式的编程风格,也可以采用更复杂一点的面向对象的编程风格.不管你采用哪种风格,都可以完成一些非常有用的任务.因而,Javascript是一门面向过程的语言,同时也是一门面向对象的语言,进而可以模仿面向对象语言的编程模式和惯用法.我们用一个例子来说明:启动和停止动画. 如果你习惯于函数式的编程风格,代码会如下: 复制代码 代码如下: function startAnimation() { //启用动画 } func

  • 初识JavaScript的基础

    目录 一.JavaScript的书写位置 二.JavaScript常用的输入输出语句 1.浏览器弹出警告框: 2.浏览器控制台打印输出信息: 3.浏览器弹出输入框,让用户可以输入: 三.变量 1.变量的使用: 2.读取输入的值(cin>>) 3.JavaScript中数值的最大最小值.无穷 4.使用isNaN来判断是否为数字 5.typeof检测变量数据类型 6.数据类型转换 6.1转换为字符串 6.2转化成数字型 6.3转化为布尔型 四.运算符 五.函数 1.函数的使用:先声明函数,再调用函

  • 初识 JavaScript

    目录 前言

  • 面向对象的Javascript之三(封装和信息隐藏)

    同时,我们知道在面向对象的高级语言中,创建包含私有成员的对象是最基本的特性之一,提供属性和方法对私有成员进行访问来隐藏内部的细节.虽然JS也是面向对象的,但没有内部机制可以直接表明一个成员是公有还是私有的.还是那句话,依靠JS的语言灵活性,我们可以创建公共.私有和特权成员,信息隐藏是我们要实现的目标,而封装是我们实现这个目标的方法.我们还是从一个示例来说明:创建一个类来存储图书数据,并实现可以在网页中显示这些数据. 1. 最简单的是完全暴露对象.使用构造函数创建一个类,其中所有的属性和方法在外部

  • javascript数据类型基础示例教程

    js中的输入输出语句 方法 说明 归属 alert(msg) 浏览器弹出警示框 浏览器 console.log(msg) 浏览器控制台打印输出信息 浏览器 prompt(info) 浏览器弹出输入框,用户可以输入 浏览器 注:prompt(info)获取的输入都是字符串类型,跟python中的input()类似. <script> prompt("请输入:"); alert('你好呀!小可爱!'); console.log('阿牛最帅啦!'); </script>

  • JavaScript入门初体验书写方式

    目录 javascript历史 javascript是什么? javascript的作用 浏览器执行js简介 javascript的组成 ECMAScript javascript初体验 行内式 内嵌JS 外部JS文件 结语 javascript历史 布兰登艾奇( Brendan Eich ,1961年-). 神奇的大哥在1995年利用10天完成 JavaScript 设计. 网景公司最初命名为 LiveScript ,后来在与 Sun 合作之后将其改名为 JavaScript .(很大部分也是

  • JavaScript高级程序设计(第3版)学习笔记6 初识js对象

    在房子里面可以放你想放的任意事物--如果你有足够的美学造诣,你甚至可以弄一个房中房试试--当然,为了方便管理,我们会给房子里存放的所有事物都会取上一个不重复的名字,比如医药房间里的各种药品名称.在ECMAScript中,你可以在对象中存放任意你想放的数据,同样,我们需要给存放的数据取一个名字--也就是对象的属性名,再存放各种数据.再看看ECMA-262中对象的定义:无序属性的集合,其属性可以包含简单数据类型值.对象或者函数. 进入对象,我开始有些激动了,说实话,让我想起做这系列学习笔记的最初原因

随机推荐