没有合适的资源?快使用搜索试试~ 我知道了~
个人Javascript学习笔记 精华版
需积分: 50 16 下载量 58 浏览量
2009-05-27
19:43:43
上传
评论 2
收藏 71KB DOC 举报
温馨提示
试读
11页
个人Javascript学习笔记 精华版 个人Javascript学习笔记 精华版 个人Javascript学习笔记 精华版
资源推荐
资源详情
资源评论
20090407 JavaScript 学习
学习目标:① JavaScript 变成基础(JavaScript 工作原理及如何在页面中使用 JavaScript 数据
类型、变量、常量、运算符、表达式与流程控制、数组、函数)
②JavaScript 事件处理③对象和系统函数④浏览器对象
1、 什么是 JavaScript?
是由 Netscape 公司开发的一种脚本语言,其编写的程序可以被嵌入到 HTML/XML 页面
中,并直接在浏览器中解释执行。
JavaScript 功能:①增强页面动态效果;②实现页面(浏览器)与用户之间的实时、动
态的交互
Javascript 语 言 特 点 : 脚 本 语 言 ( Script Language ) 、 解 释 执 行 ( Interpreted
Language)、基于对象( Object Based)、事件驱动( Event Driven)、简单、弱类型
(Weakly Typed Language)
2、 嵌入 JavaScript 到 HTML 页面
使用<script>标记嵌入脚本代码
<script language="javascript"> //或者使用 type=”text/javascript”
/*JavaScript 代码*/
</script>
JavaScript 代码出现的位置:
页面主体(<body>元素)
<html>
<body>
<h2>以下内容由 JavaScript 代码输出:</h2>
<script language="javascript">
document.write("Hello,你好!");
</script>
</body>
</html>
页面头部(<head>元素)
<html>
<head>
<title>JavaScript 例程</title>
<script language="javascript">
document.write("Hello,你好!");
</script>
</head>
<body>
<h2>以下内容由 JavaScript 代码输出:</h2>
</body>
</html>
单独的外部文件(多个页面代码重用)
<html>
<body>
<h2>以下内容由 JavaScript 代码输出:</h2>
<script language="javascript" src="m3.js">
</script>
</body>
</html>
m3.js 文件内容
document.write("Hello,你好!");
3、数据类型
JavaScript 支持基本数据类型和对象类型
基本数据类型:整型、浮点型、字符型、布尔型
对 象 类 型 : 内 置 对 象 ( String 、 Math 、 Date ) 、 浏 览 器 对 象
(Window、Document、History、Forms、….)、用户自定义对象
4、变量
命名规则与 JAVA 语言相同
JavaScript 为弱类型语言,变量声明时不指定数据类型,其具体类型由给其所赋得值决定
通常使用 var 声明变量,也可以不经声明而直接使用变量。但必须先赋值、再取用其值。
<body>
<script language="JavaScript">
var a;
a = 2;
var b = 3.14;
var c = "Hello,你好";
var d = 5, e = 6;
b = c + d;
document.write(b);
document.write("<br>");
//变量未经声明,直接使用
f = "Welcome to JavaScript";
document.write(f);
</script>
</body>
5、JavaScript 关键字
6、常量:整型常量、浮点型常量、空值常量
7、JavaScript 运算符
8、表达式与流程控制
<body>
if-else 分支语句:<br>
<script language="JavaScript">
var sex = window.prompt("请输入您的性别(男/女)","");
if(sex == "男"){
document.write("先生您好!");
}else if(sex == "女"){
document.write("女士您好!");
}else{
document.write("输入有误!");
}
</script>
</body>
<script language="JavaScript">
<!--for-in 循环-->
document.write("<hr>for-in 循环:" );
document.write("<ul>");
var a = new Array(3);
a[0] = "苹果";
a[1] = "香蕉";
a[2] = "杨桃";
for(var s in a){
document.write("<li>" + a[s] + "</li>");
}
document.write("</ul>");
</script>
9、数组(数组长度可变)
<body>
<script language="JavaScript">
var a1 = new Array(2);
a1[0] = "中国";
a1[1] = "法国";
a1[2] = "美国";
a1[4] = "德国";
for(var i=0;i<a1.length;i++){
document.write(a1[i] + "<br>");
}
</script>
</body>
剩余10页未读,继续阅读
资源评论
luckygino
- 粉丝: 5
- 资源: 33
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功