JavaScript基础知识

什么是javascript?
JavaScript 是一种轻量级的编程语言,广泛用于客户端网页开发的 脚本语言。主要被作为客户端脚本语言在用户的浏览器上运行,不需要服务器的支持。
JavaScript 是可插入 HTML 页面的编程代码。插入 HTML 页面后,可由所有的现代浏览器执行。
JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。
总之:JavaScript 很容易使用!你一定会喜欢它的!

JavaScript的发展:
发展初期,JavaScript的标准并未确定,同期有网景的JavaScript,微软的JScript和CEnvi的ScriptEase三足鼎立。1997年,在ECMA(欧洲计算机制造商协会)的协调下,由Netscape、Sun、微软、Borland组成的工作组确定统一标准: ECMA-262
必须注意ECMA-262各个版本之间的差异以及JavaScript的多种解释,因而脚本的实现稍有不同。所以 在多个浏览器下下测试网站是必要的
严格来说,JavaScript是ECMAScript规范的一种实现。完整的JavaScript包含以下几个部分:
1、ECMAScript,描述了该语言的语法和基本对象
2、文档对象模型( DOM),描述处理网页内容的方法和接口
3、浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口

JavaScript的基本特点:
1、是一种解释性脚本语言(代码不进行预编译)。
2、主要用来向 HTML 页面添加交互行为。
3、通常直接嵌入 HTML 页面。
4、 无干扰脚本编程,意味javaScript不可用,但网站仍旧能够继续工作。
无干扰脚本编程范型是行为分离的更大发展一部分。其要求结构从样式分离,并且都从行为分离。HTML或者XHTML提供结构,而CSS提供样式,JavaScript提供行为。
5、Javascript被归类为 直译语言,其源代码在发往客户端运行之前不需经过编译,而是将文本格式的字符代码发送给浏览器由浏览器解释运行。在JavaScript中,如果一条运行不了,那么下面的语言也无法运行。而其解决办法就是于使用try{}catch(){}。

JavaScript可以做什么:
1、嵌入动态文本于HTML页面
2、对浏览器事件作出响应
3、读写HTML元素
4、在数据被提交到服务器之前验证数据
5、检测访客的浏览器信息
6、控制cookies,包括创建和修改等

JavaScript不能做什么:
1、不能保证 数据安全性
完全在客户端运行,客户可以在将数据发送回服务器之前可以对它做很多危险的事。如关闭JavaScript客户机可能会通过web表单返回垃圾数据。不应该相信从客户端返回的任何数据。比如使用JavaScript函数验证表单内容,当到达服务器时仍然必须再次验证。
2、JavaScript不能强加于客户端
必须做额外的工作确保正在设计的网站可以提供那些没有JavaScript的人使用,因为一些客户使用就早的根本不支持javaScript浏览器,或者不能支持JavaScript的高级功能,或者客户选择关闭JavaScript(比如弹出的广告)
关闭JavaScript:打开IE浏览器到工具/internet选项/安全/自定义级别/在安全设置选项框中将关于JAVA的选项都禁用。
3、不能充当服务器

使用JavaScript提示:
1、强调功能重于形式
2、遵从标准
3、在多种浏览器中正确显示
4、在适当的时间使用适当的技术

使用JavaScript开发:
JavaScript是一种直译型语言,编写和部署JavaScript应用程序不需要任何特殊工具或者开发环境,运行该应用程序也不需要任何特殊的服务器软件。大多数开发不绝对需要web服务器,将来考虑AJAX开发,则需要web服务器。编写javaScript代码可以使用:
1、文本编辑器开发(如记事本或者vim)
2、VisualStudio这样强大的集成开发环境
3、Eclipse开发

使用Eclipse开发
默认安装好jdk和myEclipse, 如果需要JavaScript开发插件,这里推荐Eclipse WTD,可在这里下载。
如何安装Eclise插件,主要有三种方法, 具体可点击这里学习。推荐使用第二种方法,方便管理插件。

在Eclipse上编写第一个web项目
1、File菜单->New->选择JavaScript,选择JavaScriptProject->选择next->输入ProjectName,然后单击finish。
2、在Project Exployer中打开文件夹,在里面可以新建myfirstpage.html

3、输入如下代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0.1//EN"
"http://www.w3.org/TR/htm14/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>My first Page</title>
<script type="text/javascript">
function yetAnotherAlert(){
	alert("This is second Example.");
}
yetAnotherAlert();
</script>
</head>
<body>
<p>My second Test</p>
</body>
</html>

4、在Project Exployer下右击myfirstpage.html,选择Open With,然后选择Web Browser
注意:也可以使用web浏览器查看,类似于下面文本编辑。


使用文本编辑器编写第一个web项目(使用外部的JavaScript文件)

1、新建文件:myfirstpage.html,并输入:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/
xhtmp1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>My Second Page</title>
	<script type="text/javascript" src="myscript.js"></script>
</head>
<body>
	<p>My second Page</p>
</body>
</html>

2、新建文件:myscript.js,并输入:

function yetAnotherAlert(textToAlert){
	alert(textToAlert);
}
yetAnotherAlert("Welcome to javascript");

3、保存,右键单击myfirstpage.html,使用浏览器打开,就可以得到你想要的结果啦。

另外也可以尝试着在页面的<head>部分创建一个函数,并将<body>脚本内部的alert()对话框移到新函数内,在已有的<body>脚本调用新函数。代码如下:


注:后缀为.htm和.html,均是静态html网页的扩展名。
htm是html的缩写,其出现的原因:在windows95还没有流行以前,一些操作系统(DOS即8.3制文件名,windows3.1以及3.2)只支持三个字符长短的后缀名。保留htm是为了支持老版本的网络服务器。

最后推荐一个不错的免费学习网站: http://www.w3school.com.cn/index.html
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值