JavaScript入门教程V1.0
简介:(1)JavaScript是运行的客户机上的脚本语言
(2)JavaScript一般被用来改进网页设计(特效),验证表单,检测浏览器等等
J avascript基础语法篇
实现:如何将JavaScript嵌入html网页中?
<html>
<body>
<script type=”text/javascript”>
Document.write(“HELLO WORLD”);
</script>
</body>
</html>
上边的代码运行的结果:
HELLO WORLD
解释:如果需要把一段JavaScript插入HTML页面,我们需要使用<script>标签(同时使用type属性来定义脚本语言)。这样就可以告诉浏览器,js程序从何处开始<script>,从何处结束</script>。Document.write是js命令,用于向页面输出信息。如果没有<script>标签,那么浏览器会把Document.write(“HELLO WORLD”)当做纯文本输出。那些不支持js的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生,我们可以使用这样的HTML注释标签:
<html>
<body>
<script type=”text/javascript”>
<!--
Document.write(“HELLO WORLD”);
//>正斜杠是JavaScript的注释符号,它会阻止JavaScript编译器对这一行的编译
</script>
</body>
</html>
放置:(1)在html中如何放置js?
页面中的脚本会在页面载入浏览器后立即执行。我们并不是想所有的脚本都这样。有时,我们希望当页面载入时执行脚本,而另外的时候,我们则希望当用户触发事件时才执行脚本。
(2)位于head部分的脚本。
当脚本被调用时,或者当事件被触发时,脚本就会被执行。当你把脚本放置到head部分后,就可以确保在需要使用脚本之前,它已经被载入了。
<html>
<head>
<script type=”text/javascript”>
Document.write(“HELLO WORLD”);
</script>
</head>
</html>代码运行js特效
(3)位于body部分的脚本。
在页面载入时脚本就会被执行。当你把脚本放置于body部分后,它就会生成页面的内容。
<html>
<body>
<script type=”text/javascript”>
Document.write(“HELLO WORLD”);
</script>
</body>
</html>
(4)同时在head和body部分的脚本。
你可以在文档中放置任何数量的脚本,因此你既可以把脚本放置到body,又可以放置到head部分。
<html>
<head>
<script type=”text/javascript”>
Document.write(“head部分”);
</script>
</head>
<body>
<script type=”text/javascript”>
Document.write(“body部分”);
</script>
</body>
</html>
(5)调用外部js脚本。
有时,你也许希望在若干个页面中运行JavaScript,同时不在每个页面中写相同的脚本。
为了达到这个目的,你可以将JavaScript写入一个外部文件之中。然后以.js 为后缀保存这个文件。
注意:外部文件不能包含<script>标签。然后把.js文件指定给<script>标签中的"src"属性,就可以使用这个外部文件了:<html>
<head>
<script src=
src=””xxxx.js
xxxx.js””></script>
</head>
<body>
</body>
</html>
注释:(1)单列注释。
<script type=”text/javascript”>
//这是标题头
document.write(“<h1>this is a title</h1>”);
/
/这是段落
document.write(“<p>this is a content</p>”);
</script>
(2)多列注释。
<script type=”text/javascript”>
/*
下面的代码将输出一个标题,一个段落
*/
document.write(“<h1>this is a title</h1>”);
document.write(“<p>this is a content</p>”);
</script>
变量:(1)什么是变量?
变量是存储信息的容器,那么在数学里边也经常使用到变量,我们还记得在数学中我们使用变量是需要先声明一个变量的,那么我们的js脚本语言使用变量只是需要先声明,他们区别只在于声明的方式不同。
(2)声明(创建)js变量和赋值。
在js中我们使用var声明变量,声明变量的同时我们可以为变量赋一个默认值:
Var a;
Var b=”student”;
Var c=3;
那么我们看见以上我们声明了3个变量,一个没有赋值,一个赋的String 类型的值,一个是int类型的值,那有些同学就要问了,是不是写错了啊?这里,我很明确的告诉大家,js是一门弱类型的语言,它是不区分类型的,我们也可以不声明,直接使用,那么它会自动为我们声明,不过,鉴于一个编程的严谨性,我建议大家预先声明再使用。当然js也可以重复声明,原来的值是不会丢失的,
不过一个优秀的程序员,应该是不会犯这种低级的错误吧。
注意:js脚本变量的声明是区分大小写的:var a和var A是两个不同的变量
(3)js变量的运算。
Var A=3;
Var B;
Var C;
B=A+3;
C=B+8;
正如数学一样,在js脚本中,你可以使用变量来做运算。现在上边的例子你猜到B和C的值了吗?
运算符:(1)运算符类型。
算术运算符
赋值运算符
比较运算符
逻辑运算符
条件运算符
(2)算术运算符详解。
算术运算符用于执行变量与/或值之间的算术运算。给定y=5,下
(3)赋值运算符详解。
赋值运算符用于给JavaScript变量赋值。给定x=10和y=5,
(4)用于字符串的+运算符。
“+”运算符用于把文本值或字符串变量加起来(连接起来)。如需把两个或多个字符串变量连接起来,请
使用+运算符。
Var a=”where are you going?”;
Var b=”I will going to school.”;
Var c=a+b;
那么你猜到c的值了么?c=”where are you going?I will going to school.”;
(5)字符串和数字之间的加法运算。
Var x=5+5;
Document.write(x);
Var x=”5”+”5”;
Document.write(x);
Var x=”5”+5;
Document.write(x);
Var x=5+”5”;
Document.write(x);
赶快动手试一下吧。。。
(6)比较运算符。
比较运算符在逻辑语句中使用,以测定变量或值是否相等。给定x=5,下面的表格解释了比较运算符:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论