JavaScript概述及基本语句、语法

1.Javascript概述
   1、什么是JS
    JS是一种运行于JS解释器/引擎中的解释型脚本语言
    编译型语言:程序在运行前会进行编译
    解释型语言:运行之前不会编译,直接执行,出错则停止
    JS解释器/引擎:是JS脚本的运行环境
   1、独立安装的JS解释器(NodeJS)
   2、嵌入在浏览器内核中的JS解释器
     PC,平板,手机,电视 … 全部都支持JS
2、JS的发展史
    1、1992年 Nombas 为自己的软件开发了一款脚本语言C Minus Minus(C–)后更名为 ScriptEase,可以嵌入在网页中。
    2、1995年 Netscape为自己的Navigator2.0 开发了另一种客户端脚本语言-LiveScript,为了借助Java势头,所以更名为 Javascript
    3、1996年Microsoft为了进军浏览器市场,在IE3.0 中 发布了Javascript的克隆版,称为JScript
    4、1997年,Javascript1.1作为草案提交给了ECMA(欧洲计算机制造商联合会),Javascript的核心 被更名成 ECMAScript
  完整的JS语言是由三部分组成:
   1、核心(ECMAScript)
   2、文档对象模型(DOM)
     Document Object Model
     让JS有能力与页面进行对话(操作页面内容)
   3、浏览器对象模型(BOM)
    Browser Object Mode
    让JS有能力与浏览器进行对话(操作浏览器)
完整js由三部分组成
  1.核心(ecmascript)
  2.文档对象模型(DOM)
   让js有能力与页面进行对话(操作页面内容)
  3.浏览器对象模型(BOM) Bocument Object Model
   让js有能力与浏览器进行对话(操作浏览器)
js语言的特点和用途
   1.特点
    1.任何文本工具都可以开发js
    2.无需编译,直接由js引擎来执行
    3.弱类型语言
    由数据来决定数据类型
    4.面向对象的语言
2.用途
   1.在客户端的js
    1.客户端数据计算
    2.表单输入的验证
    3.浏览器事件的触发和处理
    4.网页特效制作
    5.服务器端的异步数据提交(ajax)
   2.服务器端的js
    1.分布式运算
    2.实时的服务器
    3.窗口应用
    4.网络应用

2.Javascript基础语法
   1.使用js(重点)
   1.浏览器内核
    内核作用:负责页面内容的渲染
    组成:
    1.内容排版引擎-解析html/css
    2.脚本解释引擎-解析js

		浏览器   内核名    排版引擎   脚本引擎
		IE       Trident   -          Chakra
		Firefox  Gecko     -          Monkey
		Safari   Webkit    Webcore    Nitro
		Chrome   Webkit    Webcore    V8
		Opera    Presto    -          Carakan
		Opera    Webkit    Webcore    V8
		(2013~今)

 2.第一个 JS程序
   1.搭建 JS 运行环境
    1.使用独立安装的js解释器(NodeJS)
    console.log(“316攻城狮”);
   2.使用浏览器内核中的js解释器
    1.在浏览器的Console中输入脚本并执行
    2.将js脚本嵌入html页面中执行
     1.html元素事件编写脚本
     事件:onclick (单击)
     <ANY οnclick=“脚本代码”></ANY>
     2.在<script>元素中嵌入js脚本
       <script>
         脚本
       </script>
       document.write(“被排版引擎所解析的内容”)
     3.使用外部脚本文件编写js脚本
       1.创建一个**.js 在文件中编写js脚本文件
       2.在使用的页面上进行引用

<script src="js文件url"></script> 
         window.alert(''); 弹出弹窗 弹窗内显示引号的内容
         document.write(''); 在网页中打印出引号中的内容
          console.log('');  在网页控制台内打印出引号中的内容

实现样式
在这里插入图片描述在这里插入图片描述
在这里插入图片描述

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值