前端之JavaScript入门篇

时间:2023-09-17 08:35

提示:这里是重中之重!


前言

提示:这里我们先讲讲JavaScript是什么:

JavaScript是一门解释型语言,也是动态语言。所谓解释型值语言是指不需要被编译为机器码在执行,而是直接执行。由于少了编译这一步骤,所以解释型语言开发起来尤为轻松,但是解释型语言运行较慢也是它的劣势。不过解释型语言中使用了JIT技术,使得运行速度得以改善。而所谓的动态语言可以暂时理解为在语言中的一切内容都是不确定的。比如一个变量,这一时刻是个整型,下一时刻可能会变成字符串了。当然这个问题我们以后再谈。不过在补充一句动态语言相比静态语言性能上要差一些,不过由于JavaScript中应用的JIT技术,所以JavaScript可能是运行速度最快的动态语言了。

JavaScript的语法结构与C和Java很像,像for、if、while等语句和Java的基本上是一模一样的。所以有过C和Java基础的同学学习起来会轻松很多。不过JavaScript和与Java的关系也仅仅是看起来像而已。

其次,JavaScript是严格区分大小写的,也就是abc和Abc会被解析器认为是两个不同的东西。

那么我们从哪里开始学习JavaScript呢?我们要先从处理网页开始,所以我们入门先学基础语法和DOM操作。


提示:以下是本篇文章正文内容,下面案例可供参考

一、学习JavaScript的准备

1.JavaScript的好处

1.1、JavaScript的普适性

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

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

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

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

1.2、JavaScript的易学性

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

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

2.如何插入JS

我们只需要一步操作,使用之间。

<script type="text/javascript">……………………javascript代码写在这里……………………
</script>

上面代码里面的之间的是文本类型(text),JavaScript是为了告诉浏览器里面的文本属于JavaScript语言。

<!DOCTYPE HTML>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb18030"><title>插入js代码</title><script type="text/javascript">   document.write("JS学习启航!");</script> </head><body></body>
</html>

3.引用JS外部文件

我们知道使用代码,就可以将JS文件嵌入HTML文件中。

index.hml:

<html><head><script src="script.js">script>head><body>body>
html>

script.js:

alert("JS");

注意:在JS文件中,不需要