认识与简单使用JavaScript

开发工具与关键技术:认识与简单使用JavaScript
作者:梁文杰
撰写时间:2019年月日

认识JavaScript

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添 加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通 过嵌入在HTML中来实现自身的功能的

特点

  1. 解释性脚本语言。
  2. 主要用来向HTML页面添加交互行为。
  3. 可直接嵌入HTML页面,但是如果写成单独的JS文件更有利于结构和行为的分离。
  4. 跨平台特性,绝大多数浏览器都支持,可以在多种平台下运行(如:Windows、Linux、Mac、Android、IOS等)。

JavaScript由三部分组成:

  1. ECMAScript(3/5/6/7/8)它是JavaScript语言的标准,规定JavaScript的编程语法和基础核心知识。
  2. DOM:(document object model)文档对象模型,提供给JavaScript很多操作页面中元素的属性和方法。
  3. BOM:(browser object model)浏览器对象模型,提供了很多操作浏览器的属性方法,而这些方法都存放在window浏览器对象上。
    ECMAScript的支持情况:
    ES5:主流浏览器都支持。
    ES6(ES2015):主流浏览器都支持绝大多数功能。
    ES7(ES2016):主流浏览器的新版本部分支持。
    ES8(ES2017):主流浏览器的新版本部分支持。

使用JavaScript-JS嵌入到HTML

HTML中的JS脚本必须位于标签之间。
举个例子:

可被放置在HTML页面的之间或者之间。

在这里插入图片描述
在这里插入图片描述

注意:如果存在多个script标签,是按照代码块顺序来执行的,代码块间相互独立,但变量和方法共享。
PS:在HTML5规范中,script的type属性默认是text/javascript,所以可以省略;但是在HTML 4.01和XHTML 1.0规范中,type属性是必须的。
了解常用的DOCTYPE声明:
HTML 5:</DOCTYPE html>
HTML 4.01Strict:该DTD包含所有HTML元素和属性,但不包括展示性的和弃用的元素(比如font)。不允许框架集(Framesets)。

HTML 4.01Transitional:该DTD包含所有HTML元素和属性,包括展示性的和弃用的元素(比如font)。不允许框架集(Framesets)。

HTML 4.01Frameset:该DTD等同于HTML 4.01Transitional,但允许框架集内容。

XHTML 1.0Strict:该DTD包含所有HTML元素和属性,但不包括展示性的和弃用的元素(比如font)。不允许框架集(Framesets)。必须以格式正确的XML来编写标记。

XHTML 1.0Transitional:该DTD包含所有HTML元素和属性,包括展示性的和弃用的元素(比如font)。不允许框架集(Framesets)。必须以格式正确的XML来编写标记。

发布了40 篇原创文章 · 获赞 44 · 访问量 4122

猜你喜欢

转载自blog.csdn.net/weixin_44565686/article/details/89953689
今日推荐