[HTML]Web前端开发技术24（HTML5、CSS3、JavaScript ）JavaScript基础JavaScript，Netscape，事件处理代码，外部JS——喵喵画网页

希望你开心，希望你健康，希望你幸福，希望你点赞！

最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！

喵喵喵，你对我真的很重要！

目录

前言

JavaScript概述

JavaScript简介

第一个JavaScript程序

JavaScript放置的位置

JavaScript放置-头部

JavaScript放置-主体

JavaScript放置-外部JS

JavaScript放置-事件处理代码

课后练习

网页标题：计算任意区间内连续自然数的累加和

熟悉JS中数组对象（教材P352）的基本应用

总结

---

前言

Web 前端开发工程师应掌握以下内容

理解 JavaScript 程序的概念与作用； 掌握 JavaScript 标识符和变量的概念及使用方法； 掌握 JavaScript 常用运算符和表达式概念； 掌握 JavaScript 中顺序、分支、循环等 3 种程序控制结构语法； 掌握 JavaScript 函数的定义方法，并学会使用； 学会综合运用 JavaScript 设计具有动态、交互功能的网页。

---

JavaScript概述

       JavaScript最初由Netscape公司的Brendan Eich（布兰登﹒艾奇）设计，最初命名为LiveScript，是一种动态、弱类型、基于原型的语言。后来，Netscape与Sun公司进行合作，将LiveScript改名为JavaScript。

       JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。被广泛应用于各种客户端Web程序尤其是HTML开发中，能给HTML网页添加动态功能，响应用户各种操作，实现诸如欢迎信息、数字日历、验证码、显示浏览器停留时间等特殊效果，提高网页的可观性。

---

JavaScript简介

JavaScript决定WEB页面的行为，具有客户端数据验证、用户交互等功能。

JavaScript具有如下特点：

1.简单性(小程序、无须编译、解释性、弱数据类型)

2.安全性(Browser无法访问本地硬盘数据/写入到数据库)

3.动态性(JS可以直接对用户提交的信息作出回应）

4.跨平台性(支持JS的Browser）

---

第一个JavaScript程序

基本语法：

js语句块;

js语句块; 

   
	第一个JavaScript实例
   
   
	
	document.write("第一个JavaScript实例!");
       		
   

---

JavaScript放置的位置

JavaScript 代码放置的位置 : (1) 头部 ;(2) 主体 ;(3) 单独的 js 文件 ;(4) 直接在事件处理代码中。 JavaScript 程序本身不能独立存在，它是依附于 HTML 代码， 经浏览器解释执行 。 可将 JavaScript 函数写成一个独立的 js 文件，在 HTML 文档中引用该 js 文件，引用时必须使用 src 属性。格式如下：

 

注：此时在标记之间的所有JS语句都被忽略，不会执行。

---

JavaScript放置-头部

调用head中定义的JavaScript函数

function message() {
    alert("调用head中定义的JavaScript函数！");
}



    
head标记内定义的JavaScript函数
    

注：JS脚本插入在头部时，通常需要定义为函数格式，格式：

        function 函数名(参数1,参数2,…，参数n){函数体语句;}

       

        函数只有被显式调用时才会被执行。

---

JavaScript放置-主体

  
  主体部分JavaScript
  

  
     alert(“JS放置在主体中，直接运行！”);
  

注：JS脚本插入在主体时，JavaScript语句能够被立即执行。也可以定义成函数，但必须引用才能执行。

---

JavaScript放置-外部JS

调用外部js文件的JavaScript函数