您的位置：首页 > Web前端 > JavaScript

JavaScript脚本语言

2015-04-01 09:00 183 查看

摘要: JavaScript组成 DOM BOM

1、作用

1）实现客户端表单验证

2）实现页面交互特效

2、概述

3、JavaScript组成

4、ECMAScript

5、DOM

6、BOM

window、location、history、document

7、基本结构

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>helloworld</title>
<script type="text/javascript">
document.write("hello world");
</script>
</head>
<body>
</body>
</html>

8、执行原理

9、基础语法

数据类型：

运算符：

逻辑控制语句：

事例：

// JavaScript Document
var today = new Date();
var weekday = today.getDay();
document.write("今天星期：" + weekday);
switch(weekday){
case 5:
document.write("finally day!");
break;
case 6:
document.write("super day!");
break;
case 0:
document.write("sleep day!");
break;
default:
document.write("I'm looking forward to this weekend!");
break;
}

9、函数

系统函数、自定义函数

事例：

// JavaScript Document
var number1 = prompt("请输入第一个数字：");
var op = prompt("请输入运算符：");
var number2 = prompt("请输入第二个数字：");
if (isNaN(number1) || isNaN(number2)) {
document.write("输入有误，有个数不是数字。");
} else {
if (op != "+" && op != "-" && op != "*" && op != "/") {
document.write("输入有误，运算符错误。");
} else {
document.write("运算结果：" + eval(number1 + op + number2));
}
}

自定义函数：

事例：

// JavaScript Document
function showHello(count) {
for (var i = 0 ; i < count ; i++) {
document.write("<h2>hello world</h2>");
}
}
var num = prompt("请输入输出次数：");
showHello(num);

function getValue (num1, num2) {
var num;
//num = parseFloat(num1) + parseFloat(num2);
num = eval(num1 + "+" + num2);
return num;
}
var n1 = prompt("请输入第一个数字：");
var n2 = prompt("请输入第二个数字：");
document.write("调用结果：" + getValue(n1, n2));

匿名函数：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： JavaScript组成 DOM BOM

相关文章推荐

新的分享

章节导航