关于JavaScript的理解以及一些基本用法

JavaScript:
由布兰登·艾奇10天完成,来自网景通信公司,原本名称为:LiveScript,后续因为网景公司与sum公司合作改名为JavaScript

后续微软和Nombas也分别开发了JScript和ScriptEase两种脚本语言。

  1. 但是3者之间没有统一的标准,所以不能互用,所以在后来ECMA(欧洲计算机制造商协会)的调谐下,以JavaScript为基础定制了标准ECMAScript。
  2. ECMAScript也是一门脚本语言,缩写为ES,通常看做JavaScript的标准化规范。
  3. 本质上都跟一门语言有关,一个是语言本身的名字(js),一个是语言的约束条件(ECMAScript)
     

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

 脚本语言:不需要编译,运行过程中由js解释器(js引擎)逐行来解释执行。一般安装的浏览器都会自带解释器
 

js引擎:JavaScript虚拟机,可以理解成一个翻译程序,它将人类能够理解的编程语言JavaScript翻译成机器能够理解的机器语言。js引擎附带在浏览器上。谷歌的V8引擎是比较常见的。
 

现在也可以基于Node.js奇数进行服务端编程
 

 一个最基础的网页有3打部分组成:
        HTML/css标记语言——描述类语言
        HTML决定网页结构和内容(决定看到什么),相当于人的身体(裸体)
        CSS决定网页呈现给用户的模样(决定好不好看),相当于给人穿衣服,化妆。

JS脚本语言——编程类语言
        实现业务逻辑和页面控制(决定能力),相当于人的各种动作。

 浏览器的引擎分为2大模块:渲染引擎和JS引擎
        1.渲染引擎:用来解析HTML和CSS,俗称内核,比如chrome浏览器的blink,老版本的webkit。
        2.JS引擎:也称为JS解释器,用来读取网页中的JavaScript代码,对其处理后运行,比如chrome浏览器的V8

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

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

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

DOM:全称叫做Document Object Model(页面文档模型);
可以通过DOM提供的接口对页面上的各种元素进行操作(大小,位置,颜色等),这里不去具体谈论

DOM,在JavaScript基础语法学完后再去学习
通过DOM可以获取HTML文件中的任意标签,实现增删改查
 

BOM:全称Browser Object Model(浏览器对象模型)
可以与浏览器窗口进行互动的对象结构

可以操作浏览器窗口 ,例如:弹出框,控制浏览器跳转,获取分配率等,这里也是在基础学习完成后再进行BOM学习,由此可见JavaScript基础语法的重要性。

通过BOM可以对“数据的结果”进行输入输出以及获取浏览器上的地址并且可以设置,历史记录,屏幕的宽度和高度以及浏览器的版本和引擎

js不能单独实现,将js脚本代码放入网页中才能实现效果
 

HTML基本标签:
        HTML基本元素

                colspan:跨行

                rowspan:跨列

                表单元素:文本框(text)、密码框(password)、多行文本框(<textarea>)、单选按钮(radio)、复选框(checkbox)、列表框(<select>和<option>)、按钮(button、submit、reset)

 js如何引入html中,3种方式

  1.  第一种:行内式js编写
  2.  第二种:嵌入式借助script标签
  3.  第三种:外部式引入js文件,通过script标签引入

 如果script标签中有src引入其他js脚本文件,这个标签的内容不能再次编写

  •  js中的输入输出语句
  1. alert() 普通弹框
  2. confirm() 确认弹框语言
  3. prompt() 弹框输入语句,类似Scanner ,返回boolean类型

     4.document.write();向网页输出语句

     5.终极输出:开发者工具:F12
        console.log();//日志输出语句
        console.info();//普通信息输出
        console.dir();//对象的层级

js数据类型:number,string,boolean,object,undefiend(未定义)
        typeof() 判断值类型

js中的运算符
        算数运算符: +  -    *  /      %  ++    - -
        赋值运算符:+=    =    -=  *=    /=    %=
        关系运算符:>    <    >=  <=  !=    ==(判断内容)  ===(判断内容以及类型)
        逻辑运算符:  &&    ||
        三元表达式:  表达式?结果1:结果2

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值