JS入门学习(1)

使用JS进行开发

编写第一个JavaScript脚本‘
开发工具:MyEclipse
新建web项目命名Chapter2,在WebRoot目录下新建myfirstpage.htm文件,添加如下内容
JS入门学习(1)_第1张图片
DOCTYPE元素是用来定义文档类型的,注意内容是否正确。在标签中定义了一段js脚本,作用是在加载页面时弹出一个警告框。

修改web.xml,在标签的第一行添加myfirstpage.htm,这样在启动项目时默认的加载页面就是myfirstpage.htm。

使用

为了便于管理以及重用js脚本,可以将脚本定义在单独的文件中,然后在使用时通过

==注:==如果是用记事本编写html文件,那么在保存时记事本可能会默认为文档添加一个.txt的扩展名,这时可以用引号把文件名引用起来—例如,”myfirstpage.htm”。如果不加引号,记事本会添加.txt扩展名将文件保存为”myfirstpage.htm.txt”。

JavaScript的语法和语句

语法特点

1.区分大小写

2、忽略空白,JavaScript会忽略增加可读性的空格、缩进。这里有一些列外是一些关键字(比如return)被单独放在一行时,会被JavaScript解释器误解。

3、注释,分为单行注释(以两个正斜线开始没有结束标记,因为它只占一行)和多行注释(以”/”开始,以”/”结束,可以包含多行)。

4、分号,在JavaScript里,分号用来描述表达式。对于大多数语句和表达式,分号都不是必须的,然而,不使用分号可能会遇到一些莫名其妙的问题。比如,考虑下面的语句:

return

(varName);

很可能你想输入的是:

return(varName);

但JavaScript根据自己的理解,在return语句后插入了一个分号。对于JavaScript解释器,这段代码看起来就像这样:

return;

(varName);

这段代码将不会执行,在函数中它将返回undefined给调用者。因此在应该使用分号的地方最好不要省略。

5、正确放置JavaScript

JavaScript可以被放置在HTML页面中的几个位置:在和部分,或在和标签之间。不过,将

JS入门学习(1)_第2张图片
如果把实际的JavaScript代码放在一个独立的文件中,那么根本不需要使用这个难看的CDATA部分。

将JavaScript放置到外部文件具有下面几个优点:

1、代码从标记分离:将JavaScript代码 保存在一个单独的文件中使得HTML的维护变得更加容易,并且它还保留了HTML结构,不必在XHTML中使用CDATA部分。

2、更容易的维护:把JavaScript作为一个单独的文件,这样修改该文件时就不会触及网站的其他文件。

3、缓存:为JavaScript使用独立文件允许web浏览器缓存该文件,这样可以为用户加快网页的加载。

你可能感兴趣的:(h5前端学习)