本篇博客对JavaScript进行简单的介绍。

JavaScript简介


  • JavaScript是一种直译式脚本语言,是一种动态弱类型的编程语言。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能;
  • 在1995年时,由Netscape公司在其Navigator浏览器上首次设计实现。起初叫LiveScript,后来因为Netscape与Sun公司合作,Netscape管理层希望它外观看起来更像Java,因此改名为JavaScript。
  • 后Netscope公司将JavaScript交给了中立组织,为了确保不同的浏览器上运行的JavaScript标准一致几个公司共同制定了JS的标准命名为ECMAScript,简称ES

JavaScript组成部分


JavaScript由三部分组成:

  • ECMAScript:描述了该语言的语法和基本对象
  • 文档对象模型(DOM):描述处理网页内容的方法和接口
  • 浏览器对象模型(BOM):描述与浏览器进行交互的方法和接口

javascript一统 javascripts_编程语言

Hello,World!


每解除一门编程语言,都要先去了解这个编程语言的输出语句。同样的,我们也需要先来了解一下JS的输出语句JS代码需要编写到script标签中

  • 控制浏览器弹出一个警告框
  • 让计算机在页面中输出一个内容
  • 向控制台输出一段内容

JS代码编写位置


将JS代码编写到标签的属性中

  • 可以将代码编写到标签的onclick属性中,当点击按钮时,JS代码才执行
  • 可以将JS代码写到a标签的href属性中,当点击链接时,会执行JS代码


    如果想要点击链接什么效果都没有,我们可以这么做:
  • 注意:虽然可以将JS代码编写到标签的属性中,但是它们属于结构和行为耦合不方便维护,不推荐使用

将JS代码写到script标签中

javascript一统 javascripts_代码编写_02


javascript一统 javascripts_代码编写_03

也可以将JS代码写到外部.js文件中在HTML文件中引入

javascript一统 javascripts_编程语言_04


javascript一统 javascripts_编程语言_05


javascript一统 javascripts_javascript一统_06


JS代码写到外部文件中可以在不同的页面中同时引用,也可以利用到浏览器的缓存机制,推荐使用的方式。

script标签一旦用于引入外部.js文件,就不能再编写代码了,即便编写了,浏览器也会忽略。如果确实需要,可以再创建一个script标签

javascript一统 javascripts_HTML_07


javascript一统 javascripts_代码编写_08


我们将代码略作修改,再创建一个script

javascript一统 javascripts_JavaScript_09


javascript一统 javascripts_编程语言_10