一、什么是JavaScript

JavaScript是一种具有面向对象能力的、解释性的程序设计语言。更具体一点，它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。因为他不需要在一个语言环境下运行，而只需要支持它的浏览器即可。它的主要目的是：验证发往服务器端的数据的合法性、增加web互动、加强用户体验度等。

  • 基于对象：JavaScript中内置了很多对象，直接调用对象的属性和方法进行操作，简化编程。
  • 事件驱动：程序开始运行到结束，可以一直侦听事件。
  • 解释性语言：不需要编译成计算机专门去读的文件，调用哪块解释哪块，并非一次性编译。例如：c#就是编译性语言，如果要运行C#语言编写的程序，就必须先编译成exe或者dll文件才能运行。而JavaScript不需要预先编译
  • 脚本语言：需要嵌入到别的语言之中，JS需要嵌入在HTML中，单独存在没有意义。

二、JavaScript和ECMAScript的关系

  • ECMAScript是JavaScript的标准和基础

三、JavaScript特点
1、松散性（弱类型）
JavaScript语言核心与C、C++、Java相似，比如条件判断、循环、运算符等。但是，它却是一种松散类型的语言，也就是说，它的变量不必具有一个明确的类型。（变量无需声明也可以使用，一个变量赋值为数字类型，还可以在赋值为字符串等其它类型）
2、对象属性
JavaScript中的对象把属性名映射为任意的属性值。它的这种方式很像哈希表或关联数组，而不像C中的结构体或者C++、Java中的对象。
3、继承机制
JavaScript中的面向对象继承机制是基于原型的（原型：最基础的基类），和C++以及Java中的继承大不相同（可以子类继承父类）。

4、严格区分大小写。

四、JavaScript组成部分
一个完整的JavaScript应该由下列三个不同的部分组成：

  • 1、核心（ECMAScript）
  • 主要定义了JavaScript的语言基础部分，各个浏览器都严格遵守该规范，没有兼容性问题，ECMAScript规范由ECMA制订。组成部分：语法、类型、语句、关键字、保留字、操作符、对象等。
  • 2、文档对象模型（DOM）
  • 文档对象模型（Document object Model）主要定义了如何将HTML转换成一颗符合DOM规范的树，并且如何对这棵树进行相应的操作。该规范由W3c定义，但是，部分浏览器没有严格遵守该规范，写代码时需要考虑兼容性问题。
  1. HTML和XML的应用程序接口（API）。
  2. 把整个页面规划为层级式的节点结构。
  • 3、浏览器对象模型（BOM）
  • 浏览器对象模型（Browser Object Model）内置了一些对象，用来操作窗口，这些对象包括window、screen、location、navigator、document、xmlhttprequet,虽然该部分没有规范，但是，各个浏览器都支持这些对象。开发人员使用BOM可以控制浏览器显示页面以外的部分。而BOM真正与众不同的地方（也是经常会导致问题的地方），还是它作为JavaScript实现的一部分，至今仍没有相关的标准。
  1. 可对浏览器窗口进行访问和操作，包括：

弹出新的浏览器窗口。

移动、关闭浏览器窗口及调节浏览器窗口大小。

获取用户屏幕分辨率的屏幕对象。

web浏览器详细的定位对象。

五、使用JavaScript

1、<Script>标签解析
<script>xxx</script>这组标签，是用于在HTML页面中插入JS的主要方法。它主要有以下几个属性：
1、charset：可选。表示通过src属性指定的字符集。由于大多数浏览器忽略它，所以很少有人用它。
2、defer：可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。由于大多数浏览器不支持，故很少用。
3、language：已废弃。原来用于代码使用的脚本语言。由于大多数浏览器忽略它，所以不要用了。
4、src：可选。表示包含要执行代码的外部文件。
5、type：必需。可以看作是language的替代品。表示代码使用的脚本语言的内容类型。范例：type="text/javascript"

<scripe>标签示例：

<script type="text/javascript">
   alert('欢迎来到JavaScript世界!');
</script>

六、JavaScript使用方式：
1、事件定义式：在定义事件时直接写入JavaScript脚本。

例如：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>事件定义式</title>

</head>

<body>

    <input type="button" value="点击" onclick="alert('我被点击了')" />

</body>

</html>

效果：


2、直接嵌入式：在网页中直接嵌入JavaScript。

例如：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>直接嵌入式</title>

    <script>

       function btnClick(){

           alert("我是写在head里面的JavaScript");

       };

    </script>

</head>

<body>

    <input type="button" value="点击" onclick="btnClick()" />

    <script>

       alert("我是写在body里面的JavaScript");

    </script>

</body>

</html>

效果：

注意：

  • 使用直接嵌入式的时候，JavaScript脚本可以写在<head>标签里面，也可以写在<body>标签里面。

3、文件调用式：在网页中调用独立的JavaScript文件。把js代码写在单独的一个js文件中，通过src属性引入即可。它具有维护性高、可缓存（加载一次，无需再次加载）、方便未来扩展的特点。

例如：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>文件调用式</title>

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

</head>

<body>

    <input type="button" value="点击" onclick="btnClick()" />

</body>

</html>

注意：
1、使用外部样式引入js，虽然没有任何代码了，但也不能使用单标签：
<script type="text/javascript" src="demo.js"/>
2、不能再里面添加任何代码，添加的代码执行不到
<script type="text/javascript" src="demo.js">alert('我很可怜，因为执行不到')</script>

JavaScript（一）：JavaScript简介的更多相关文章

  1. 转：JavaScript事件冒泡简介及应用

    (本文转载自别处) JavaScript事件冒泡简介及应用   一.什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理 ...

  2. Javascript Proxy对象 简介

    Javascript Proxy对象 简介 Javascript Proxy对象 改变你操作对象的方式 Proxies 是Javasript对象的中间件 ...或者说至少是那种很早的版本. ES6 中 ...

  3. JavaScript介绍-javaScript学习之旅（一）

    javaScript简介 1.javaScript是互联网上最流行的脚本语言,这门可用于web和html,更可广泛用于服务器端,pc端,移动端. 2.javaScript脚本语言: javaScrip ...

  4. JavaScript 对象JavaScript 对象

    JavaScript 中的所有事物都是对象:字符串.数值.数组.函数... 此外,JavaScript 允许自定义对象. 所有事物都是对象 JavaScript 提供多个内建对象,比如 String. ...

  5. javascript之 JavaScript 工具库

    javascript之 JavaScript 工具库jQuery 目录: 一.查找标签和事件绑定以及操作标签的对比 二.DOM对象和jquery的转换 三.$(document).ready( )  ...

  6. 非侵入式JavaScript(Unobtrusive javaScript)理解

    转载自 https://my.oschina.net/leegq/blog/279750 在Web的早期阶段,也就是在jQuery出现以前,在同一个文件中混杂JavaScript代码和HTML标记是非 ...

  7. How Javascript works (Javascript工作原理) (十一) 渲染引擎及性能优化小技巧

    个人总结:读完这篇文章需要20分钟,这篇文章主要讲解了浏览器中引擎的渲染机制. DOMtree       ----|   |---->  RenderTree CSSOMtree  ----| ...

  8. JavaScript 系列--JavaScript一些奇淫技巧的实现方法（二）数字格式化 1234567890转1,234,567,890；argruments 对象(类数组)转换成数组

    一.前言 之前写了一篇文章:JavaScript 系列--JavaScript一些奇淫技巧的实现方法(一)简短的sleep函数,获取时间戳 https://www.mwcxs.top/page/746 ...

  9. Javascript学习笔记2.1 Javascript与DOM简介

    DOM(文档对象模型)简介 DOM(文档对象模型)针对HTML和XML文档的一个API. DOM可以将任何HTML或XML文档描绘成由多层节点构成的树形结构,它是中立于平台和语言的接口,允许程序和脚本 ...

  10. JavaScript基础（简介、语法）

    一.JavaScript简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司 ...

随机推荐

  1. C#基础 - C# 的 常见概念简述

    在上篇文章中,你跟着我写了一个HelloWorld,本篇中,我们来谈谈一些C#程序中的小概念 1.C# 程序结构 一个 C# 程序主要包括以下部分: 命名空间声明(Namespace declarat ...

  2. GO语言学习 ---nil

    nil是什么 相信写过Golang的程序员对下面一段代码是非常非常熟悉的了: if err != nil { // do something.... }     当出现不等于nil的时候,说明出现某些 ...

  3. 文件描述符file descriptor与inode的相关知识

    每个进程在Linux内核中都有一个task_struct结构体来维护进程相关的 信息,称为进程描述符(Process Descriptor),而在操作系统理论中称为进程控制块 (PCB,Process ...

  4. 三十道linux内核面试题

      1. Linux中主要有哪几种内核锁? Linux的同步机制从2.0到2.6以来不断发展完善.从最初的原子操作,到后来的信号量,从大内核锁到今天的自旋锁.这些同步机制的发展伴随Linux从单处理器 ...

  5. Token：服务端身份验证的流行方案【转】

    01- 身份认证 服务端提供资源给客户端,但是某些资源是有条件的.所以服务端要能够识别请求者的身份,然后再判断所请求的资源是否可以给请求者. token是一种身份验证的机制,初始时用户提交账号数据给服 ...

  6. android http post

    public static boolean postInfo(String info1, String info2, String info3, ....) { final HttpParams ht ...

  7. [javase学习笔记]-6.3 对象的内存体现

    这一节我们来简单的看一看对象在内存中是什么样子呢,怎样体现. 我们以上一节的測试代码为例. 我们在函数的内存分配分析过.当该代码执行时,首先会载入主函数在栈内存中为main函数分配一个空间: 然后执行 ...

  8. php分页函数示例代码

    分享一例php分页函数代码,用此函数实现分页代码很不错. 代码,php分页函数. <?php /* * Created on 2011-07-28 * Author : LKK , http:/ ...

  9. [na]小区网络-pppoe拨号认证原理及部署(panabit来管理)

    以前搞网络时候,对小区宽带adsl上网(后ie中的pppoe拨号config)+对一坨人限速的系统(panabit)比较感兴趣,挺神秘. 以前写的,有些纰漏,抽时间我会陆陆续续补充下. PPPOE认证 ...

  10. MySQL慢查询优化、索引优化、以及表等优化总结

    MySQL优化概述 MySQL数据库常见的两个瓶颈是:CPU和I/O的瓶颈. CPU在饱和的时候一般发生在数据装入内存或从磁盘上读取数据时候. 磁盘I/O瓶颈发生在装入数据远大于内存容量的时候,如果应 ...