JavaScript的基础知识

时间:2022-08-22 17:21:04

从这一星期开始,我们将要开始对JavaScript的学习,那现在我想就JavaScript的基础知识来进行一些总结。其中包括理论知识和代码的展示,希望会对你们有所帮助。

1、JS基础知识

1.1 基本概念

我先问一个问题你:就是为什么需要有JavaScript呢?JavaScript有什么作用呢?

那就先来说说HTML和CSS用来做一个对比,首先HTML是负责呈现具体的内容;而CSS负责以何种方式来呈现;最后HTML+CSS是实现了静态页面。但是在实际中,我们需要的页面大多数是要求为动态的,就比如新浪网的新闻等(还有验证码、轮播图、注册页面的验证...)。下面是一个实现时间的一段代码:

<styletype="text/css">
       
p{
           
color:red;
        }
    </
style>
</
head>
<
body>
<
pid="time">今天是......</p>
</
body>
<
script>
   
var p1=document.getElementById("time");
   
p1.innerHTML= newDate().toString();
</
script>


这一段代码的显示结果其实是刷新时的时间,不会再变化,除非你在次刷新才会再次出现变化,很显然,这个内容不是HTML提供的,而是由JS动态生成的,所以JS是实现动态页面的,即页面的行为。

1.2 两种引用方式

JS有两种引用方式:分为内部引用和外部引用。

(1)内部引用:使用<script>标签,代码直接写在标签中

(2)外部引用:使用<script src="文件名">具体内容</script>

1.2.1 注释

JS的注释跟HTML和CSS的注释不太一样,也不能说不一样。

HTML的注释:<!-- -->

CSS的注释:/* */

JS的注释:双斜杠//是单行注释

/* 注释内容*/是多行注释

1.2.2 JS

JS是一种解释型语言

计算机语言分为两种:编译型语言(JAVA,C++,C,PHP...)、解释型语言(JavaScript,CSS...)

程序员使用高级语言编制程序,但是程序最终是由计算机去执行,计算机只能执行机器语言(即二进制代码),那么这个过程机必然有一个从高级语言到机器语言的“翻译”过程。

JS中还有两种“翻译” 方式:

(1)编译:将代码整体翻译成机器代码,如果有错误则停止翻译,全部成功翻译完才能执行;

(2)解释:将代码翻译一条马上执行一条,如果遇到错误则停止。

今天就这么多吧。以后还会发表更多的内容的。