初识JavaScript

2018-06-01  本文已影响0人  Scalelength

一、你知道,为什么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

上一篇下一篇

猜你喜欢

热点阅读