JavaScript脚本语言

1、作用

    1)实现客户端表单验证

    2)实现页面交互特效

2、概述

JavaScript脚本语言

JavaScript脚本语言

JavaScript脚本语言

3、JavaScript组成

JavaScript脚本语言

4、ECMAScript

JavaScript脚本语言

5、DOM

JavaScript脚本语言

JavaScript脚本语言

6、BOM

    window、location、history、document

7、基本结构

JavaScript脚本语言

<!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、执行原理

JavaScript脚本语言

 9、基础语法

JavaScript脚本语言

    数据类型:

JavaScript脚本语言

    运算符:

JavaScript脚本语言 

    逻辑控制语句:

JavaScript脚本语言

    事例:

// 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脚本语言

事例:

// 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脚本语言

     事例:

// 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,JavaScript组成)