美文网首页
初识JavaScript

初识JavaScript

作者: Scalelength | 来源:发表于2018-06-01 16:33 被阅读0次

一、你知道,为什么JavaScript非常值得我们学习吗?

1. 所有主流浏览器都支持JavaScript。

2. 目前,全世界大部分网页都使用JavaScript。

3. 它可以让网页呈现各种动态效果。

4. 做为一个Web开发师,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。

二、易学性

1.学习环境无外不在,只要有文本编辑器,就能编写JavaScript程序。

2.我们可以用简单命令,完成一些基本操作。

三、从哪开始学习呢?

学习JavaScript的起点就是处理网页,所以我们先学习基础语法和如何使用DOM进行简单操作。

先解释一下DOM(文档对象模型(Document Object MOdel))

文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM。Document Object Model的历史可以追溯至1990年代后期微软与Netscape的“浏览器大战”,双方为了在JavaScript与JScript一决生死,于是大规模的赋予浏览器强大的功能。微软在网页技术上加入了不少专属事物,既有VBScript、ActiveX、以及微软自家的DHTML格式等,使不少网页使用非微软平台及浏览器无法正常显示。DOM即是当时蕴酿出来的杰作。

1-(1)-document 1-(2)-document 1-(3)-JavaScript源代码

通过前面知识学习,我们知道使用<script></script>标签在HTML文件中添加JavaScript代码,如图:

1-(4)-<head>头中的js代码 1-(5)-单独的js文件 1-(6)-<body>体中的js代码

JavaScript代码只能写在HTML文件中吗?

当然不是,我们可以把HTML文件和JS代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀通常为.js,然后将JS代码直接写在JS文件中。

注意:在JS文件中,不需要<script>标签,直接编写JavaScript代码就可以了。
JS文件不能直接运行,需嵌入到HTML文件中执行,我们需在HTML中添加如下代码,就可将JS文件嵌入HTML文件中。

1-(7)-引用js文件代码

JavaScript的放置方式

我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分。
最常用的方式是在页面中head部分放置<script></script>元素,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分。放在body部分JavaScript代码在网页读取到该语句的时候就会执行。

1-(8)-放置js的位置 1-(9)-位置用例

注意: javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等);而如果是通过事件调用执行的function那么对位置没什么要求的。

2018年6月1日16:33:13

相关文章

  • JavaScript基本语法

    初识JavaScript JavaScript的组成 完整的JavaScript是由ECMAScript(语法)、...

  • Javascript二 - 基本语法

    1.3 初识JavaScript 1.3.1JavaScript历史 JavaScript 是世界上最流行的语言之...

  • ReactJs实现的第一个项目--双11营销活动页面

    初识React:React --- A JavaScript Library for building User ...

  • 认识JavaScript

    初识 JavaScript 1.1 JavaScript 是什么 JavaScript 是世界上最流行的语言之一,...

  • JavaScript_基本语法

    一、初识JavaScript 1. JavaScript的发展 诞生:1995,Netscape成立(网景公司),...

  • 初识JavaScript

    一、你知道,为什么JavaScript非常值得我们学习吗? 1. 所有主流浏览器都支持JavaScript。 2....

  • 初识JavaScript

    JavaScript是一种脚本语言;网页,以及基于H5的手机app等都靠JavaScript来驱动;更简单的来说,...

  • 初识javascript

    概述JavaScript是世界上最流行的脚本语言,是一种运行在浏览器中的解释型的编程语言,能够实现跨平台、跨浏览器...

  • 初识Javascript

    2.在Javascript中 变量函数名,和操作符都是区分大小写。 3.什么是标识符

  • 初识javascript

    概述 JavaScript是世界上最流行的脚本语言,是一种运行在浏览器中的解释型的编程语言,能够实现跨平台、跨浏览...

网友评论

      本文标题:初识JavaScript

      本文链接:https://www.haomeiwen.com/subject/jbjksftx.html