javascript语言简介

清疚 2022-03-15 20:00 402阅读 0赞

**目录**

一、简介

二、体系

三、CSS,javascript的引入方式

1、行内

2、文本内部

3、外部链接

4、js的输出方式

5、算法的特点

--------------------

# 一、简介 #

JavaScript(Java脚本)是一种基于对象（Object）和事件驱动（ Event Driven）并具有安全性能的脚本语言，使用JavaScript可以轻松的实现与HTML的互操作，并且完成丰富的页面交互效果，它是通过嵌入或调入在标准的HTML语言中实现的，它的出现弥补了HTML的缺陷，是java与HTML折衷的选择。

其语法结构：单线程，异步，解释性语言

其本质：是脚本语言，编程语言，和JAVA语言没有任何联系，体系非常灵活，它的发展史就是浏览器的竞争史

语言                      举例                                 特点  
解释型语言    python  javascript    一行一行执行，当报错的时候，后面的程序就不会执行，执行速度比较慢  
编译型语言    c  c++   c\#  java    全部程序执行完之后，把所有的错都报出来

javasc在01年之前网页都是netscape网景公司写的，吉姆·克拉克是网景公司的创始人

网页都是后端程序员写出来的，表单验证要和后台进行交互，验证时间过于长，为了解决这个问题，网景公司让布兰登·艾奇写出了一门新的语言，他仅仅用了10天就写出了   live-script10语言，但是这门语言被公司搁置了，后面IE浏览器火了起来，并且把script语言给推广开来，这时网景公司就着急了，联合SUN(JAVA)公司,ECMA把js正式推出，是为了蹭java的热度，才起名为javascript

他们成立了Morzilla基金会，后来觉得网景浏览器不行了，他们创造了火狐浏览器   firefox

# 二、体系 #

ECMAscript 是 js的核心语法部分

DOM(Document Object Model)文档对象模型/文档树模型 html

结点（元素，文本，属性）

API：操作浏览器的一些程序接口 （地址，版本号，前进，后退，刷新）

BOM(Browser Object Model 浏览器对象模型)

# 三、CSS,javascript的引入方式 #

## 1、行内  功能简单 ##

## 2、文本内部 ##

<table> 
 <tbody> 
  <tr> 
   <td>CSS</td> 
   <td> <p>&lt;style&gt;&lt;/style&gt;</p> </td> 
   <td>只能写在&lt;head&gt;标签里面</td> 
  </tr> 
  <tr> 
   <td>javascript</td> 
   <td>&lt;script&gt;&lt;/script&gt;</td> 
   <td> <p>可以写在任何地方，还可以写多个，可以重复</p> <p>一般来说要写在&lt;body&gt;里面</p> </td> 
  </tr> 
 </tbody> 
</table>

## 3、外部链接  创建js文件 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dfb3B0aW1pc3RpYw_size_16_color_FFFFFF_t_70][]

![20190227141104165.png][]

# 4、js的输出方式 #

<table> 
 <tbody> 
  <tr> 
   <td>alert()&nbsp;&nbsp; 弹出警告框&nbsp; ，用来调试作用，</td> 
  </tr> 
  <tr> 
   <td>console.log()&nbsp;&nbsp; 向控制台输出</td> 
  </tr> 
  <tr> 
   <td>document.write()&nbsp;&nbsp;&nbsp;&nbsp; 向浏览器界面输出</td> 
  </tr> 
 </tbody> 
</table>

# 5、算法的特点 #

（1）正确性

（2）健壮性

（3）可读性

（4）事件效率高，存储率低

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dfb3B0aW1pc3RpYw_size_16_color_FFFFFF_t_70]: /images/20220316/00d1828819e44b378879ab1fe2fddb8d.png
[20190227141104165.png]: /images/20220316/f7c2f8ad29cd43118fe3ef46df3bffc9.png