入门 - 介绍

  • 作者:KK

  • 发表日期:2016.2.1


JS是一种编程语言,要让计算机按照你的意思去做事一般都要通过编程语言的代码来控制计算机,你口头跟它说"关机"它不会听你的,但如果你传入类似shutdown这样的命令运行时,它就知道要关机了

所以它只能读懂编程语言的代码,读不懂人话;而编程语言又有很多种,不同的语言能让计算机做不同的事情,比如电饭煲煮饭的程序是用汇编语言写的,而我们平时上网用的QQ聊天程序则是用C/C++语言写的

本系列文章主要教你学会编写JS代码,通过JS代码来控制浏览器对网页做不同的控制和展现不同的效果,这也是网页制作基础知识中很重要的一环


要让JS代码控制网页,就要在网页中添加JS代码,添加办法有两种,我这里先只介绍一种,就是前面快速入门例子那样,通过标签嵌入的方式来

我们要在HTML代码中加入一个叫script的标签并用它包住JS代码,就是这样写:

<script type="text/javascript">
//你的JS代码
</script>

这个标签一般都会有一个type属性,值就是text/javascript;其实你也可以不写这个属性,规范点最好就写上啦

我们一般就叫script标签,而一个HTML文档中可以添加多个script标签的呢,比如这样:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
alert('我在第1个script标签中');
</script>
</head>
<body>

网页内容网页内容

<script type="text/javascript">
alert('我在第2个script标签中');
</script>

<div>
	<p>		
		<script type="text/javascript">
		alert('我在第3个script标签中,这个script标签还是被p标签包住了呢!');
		</script>
	</p>
</div>

<script type="text/javascript">
alert('我在第4个script标签中');
</script>

</body>
</html>

script标签包住的代码不会被显示到网页上,它们是用来给浏览器加载运行的,但会有顺序,就是从上到下加载运行

但是没有从外到内的分别,比如上面的代码中,虽然第3个script标签被其它标签包住嵌在里面了,但是它依然在第4个script标签之前被运行了