没有合适的资源?快使用搜索试试~ 我知道了~
JavaScript入门教程(初学者不可多得的优秀入门教材_通俗易懂_专业术语通俗化)
3星 · 超过75%的资源 需积分: 9 11 下载量 3 浏览量
2014-04-05
21:40:53
上传
评论 1
收藏 275KB DOC 举报
温馨提示
试读
41页
JavaScript入门教程(初学者不可多得的优秀入门教材_通俗易懂_专业术语通俗化)
资源推荐
资源详情
资源评论
第 1 章 JavaScript 语言入门
1 为什么学习 JavaScript
提要:Javascript 是学习脚本语言的首选。她兼容性好,绝大多数浏览器均支持
Javascript,而且她功能强大,实现简单方便,入门简单,即使是程序设计新手也可以非
常快速容易地使用 JavaScript 进行简单的编程。
Javascript 是由 Netscape 公司创造的一种脚本语言。为便于推广,被定为 javascript,但
是 javascript 与 java 是两门不相干的语言,作用也不一样。作为一门独立的编程语言,
javascript 可以做很多的事情,但它最主流的应用还是在 Web 上——创建动态网页(即网页
特效)。Javascript 在网络上应用广泛,几乎所有的动态网页里都能找到它的身影。目前流行
的 AJAX 也是依赖于 Javascript 而存在的。
Javascript 与 Jscript 也不是一门相同的语言,Jscript 和 vbscript 是微软开发的两种脚本
语言,微软,Netscape 公司以及其他语言开发商为减少 web 开发者的兼容麻烦,所以成立
ECMA ,该组 织 专门制定 脚 本语言的 标准和规范 。 ECMA 制定的标 准 脚本语言 叫做
ECMAScript,Javascript 符合 ECMA 的标准,其实 Javascript 也可以叫做 ECMAScript.
Jscript 也 ECMA 的标准,但用户较少。vbscript 仅局限在微软的用户,Netscape 不支持。
概括地说,JavaScript 就是一种基于对象和事件驱动,并具有安全性能的脚本语言,脚
本语言简单理解就是在客户端的浏览器就可以互动响应处理程序的语言,而不需要服务器
的处理和响应,当然 JavaScript 也可以做到与服务器的交互响应,而且功能也很强大。而
相对的服务器语言像 asp asp.net php jsp 等需要将命令上传服务器,由服务器处理后回传处
理结果。对象和事件是 JavaScript 的两个核心。
JavaScript 可以被嵌入到 HTML 文件中,不需要经过 Web 服务器就可以对用户操作作
出响应,使网页更好地与用户交互;在利用客户端个人电脑性能资源的同时,适当减小服
务器端的压力,并减少用户等待时间。
2 将 JavaScript 插入网页的方法
与在网页中插入 CSS 的方式相似,使用<script>标签在网页中插入 Javascript 代码。
使用下面的代码可以在网页中插入 JavaScript:
<script type="text/JavaScript" language="javascript">
...
</script>
language="javascript"表示使用 JavaScript 脚本语言,脚本语言还有
vbscript、jsscript 等,如果没有 language 属性,表示默认使用 JavaScript 脚本。其中
的...就是代码的内容。例如:
<script type="text/JavaScript">
document.write("我是菜鸟我怕谁!");
</script>
JavaScript 使用 document.write 来输出内容。将会输出在网页上输出:我是菜鸟
我怕谁!
学过编程的人应该知道,“我是菜鸟我怕谁!”两侧双引号代表字符串的意思。不过不理
解这个概念也无所谓,学到后面就知道什么时候应该加双引号,什么时候不需要加了。
有些浏览器可能不支持 JavaScript,我们可以使用如下的方法对它们隐藏
JavaScript 代码。
<html>
<body>
<script type="text/JavaScript">
<!--
document.write("我是菜鸟我怕谁!");
//-->
</script>
</body>
</html>
<!-- -->里的内容对于不支持 JavaScript 的浏览器来说就等同于一段注释,而对于支
持 JavaScript 的浏览器,这段代码仍然会执行。至于“//”符号则是 JavaScript 里的注释符
号,在这里添加它是为了防止 JavaScript 试图执行-->。不过通常情况下,现在的浏览器
几乎都支持 JavaScript,即使是不支持的,也会了解如何合理地处理含有 JavaScript 的
网页。
JavaScript 的插入位置不同,效果也会有所不同,还可以像 CSS 一样,将
JavaScript 保存成一个外部文件,这些内容会在下一节讨论。
3 插入 JavaScript 的位置
JavaScript 脚本可以放在网页的 head 里或者 body 部分,而且效果也不相同。
(1)放在 body 部分的 JavaScript 脚本在网页读取到该语句的时候就会执行,例如:
<html>
<body>
<script type="text/JavaScript">
<!--
document.write("我是菜鸟我怕谁!");
//-->
</script>
</body>
(2)在 head 部分的脚本在被调用的时候才会执行,例如:
<html>
<head>
<script type="text/JavaScript">
....
</script>
</head>
通常是在<script>...</script>定义函数,通过调用函数来执行 head 里的脚本。
(3)也可以像添加外部 CSS 一样添加外部 JavaScript 脚本文件,其后缀通常
为.js。例如:
<html>
<head>
<script src="scripts.js"></script>
</head>
<body>
</body>
</html>
如果很多网页都需要包含一段相同的代码,那么将这些代码写入一个外部 JavaScript
文件是最好的方法。此后,任何一个需要该功能的网页,只需要引入这个 js 文件就可以了。
注意:脚本文件里头不能再含有<script>标签。
注:放在 body 里的函数是一个例外,它并不会被执行,而是等被调用时才会执行。
关于函数与调用的概念将在后面讲到。
4 JavaScript 语句
本节介绍 Javasctipt 中的语句,语句是编程的一个基本概念。
先来看看我们之前例子。
<script type="text/JavaScript">
<!--
document.write("我是菜鸟我怕谁!");
//-->
</script>
例子中的 document.write("我是菜鸟我怕谁!");
就是一个 JavaScript 语句,它可以告诉浏览器做出一个特定任务。特别的,这个语
句是叫浏览器书写出一段内容。我们已经知道,document.write 的功能是输出文本,所
以上面那个语句就是让浏览器输出“我是菜鸟我怕谁!”。
在 JavaScript 中,一行的结束就被认定为语句的结束。但是最好还是要在结尾加上
一个分号“;”来表示语句的结束。这是一个编程的好习惯,事实上在很多语言中句末的分号
都是必须的。
看看下面这个代码块
<script type="text/javascript">
{
document.write("<h1>This is a header</h1>");
document.write("<p>This is a paragraph</p>");
document.write("<p>This is another paragraph</p>");
}
</script>
5 JavaScript 注释
HTML、CSS 里都有注释,JavaScript 里自然也有注释,而且分为单行注释与普通注
释两种。
5.1 单行注释
插入单行注释的符号是“//”
<script type="text/javascript">
// 我是注释,我是注释
document.write("我是菜鸟我怕谁?");
</script>
5.2 多行注释
多行注释以"/*"开始,以"*/"结束。
<script type="text/javascript">
/*
谁说菜鸟不会编程?
菜鸟不但会编程
还有书写注释的良好习惯
*/
document.write("我是菜鸟我怕谁?");
</script>
相信你已经了解注释的作用了。HTML 的注释不会被浏览器作为 HTML 解释,CSS
注释也不会被浏览器解释。同理,JavaScript 的注释也不会被执行。
注释的作用就是记录自己在编程时候的思路,以便以后自己阅读代码时可以马上找到
思路。同样,注释也有助于别人阅读自己书写的 JavaScript 代码。总之书写注释是一个良
好的编程习惯。
6 JavaScript 变量
(1)什么是变量
在代数中,我们会遇到下面的基础问题,如果 a 的值为 5,b 的值为 6,那么 a 与 b
的和是多少?在这个问题中,我们就可以把 a 和 b 看做变量,再设置一个变量 c 来保存 a
与 b 的和。
那么,上面的这个问题就可以用如下的 JavaScript 代码表示:
<script type="text/javascript">
// 计算 a + b 的和
a = 5;//给变量 a 赋值
b = 5;//给变量 b 赋值
c = a + b;//c 为 a + b 的和
document.write(c);//输出 c 的值
</script>
执行结果:10
在上面的例子中,我们用到了三个变量:a,b,c。这些都是变量的名字,在
JavaScript 中,我们需要用变量名来访问这个变量。在 JavaScript 中,变量名有如下规
定:
变量名区分大小写,A 与 a 是两个不同变量。
剩余40页未读,继续阅读
资源评论
- joyboycsdn2014-04-06真的是入门级啊。呵呵。不过不错。
wangzh9173
- 粉丝: 0
- 资源: 5
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功