DAY5 - 1 JavaScript基础.pptVIP

JavaScript 基础 JavaScript是由网景公司开发的一种跨平台，基于对象(object-oriented)的网页脚本语言(Web Script Language)，是目前流行的网页特效设计语言。 JavaScript代码可直接嵌入HTML文件中，随网页一起传送到客户端浏览器，然后通过浏览器来解释执行 JavaScript能做什么？ 提供表单验证 事件处理 窗口与DOM文档操作 处理页面数据与逻辑 制作网页特效 JavaScript – 在HTML文档中使用 HTML页面中使用JavaScript，可以将JavaScript代码放入script…/script标记符中 如：script document.write(“Hello Javascript”); alert(“I am javascript”);/script JavaScript – 数据类型 数值：包含整数或浮点数。 逻辑值：取值为true或false。 字符串：用单引号或双引号括起来的零个或多个单一的字符所组成。 空值：表示没有值（null） 未定义值：表示尚未定义值（undefined） JavaScript – 变量声明 变量命名 1. 以字母或下划线开头（不能以数字开头），后面接数字或其它字母。 2. 变量名区分大小写 3. 变量名称一定不能是 保留字 变量的声明 变量声明时，不必定义类型，所有类型均由小写的var声明 例如： var name = “tester”: var count = 10; var result = false; JavaScript – 函数 JavaScript包含两类函数： 1. 系统函数如：parseInt(字符串)，将字符串转换成整数 2. 用户自定义函数function 函数名（[参数1，参数2，…]） { 函数内容 [return 返回值] }如：function validate( inputStr ){ if(inputStr == “”){ return false; } return true; } 内置对象 – 字符串 练习：定义一个JavaScript函数，接收一个字符串输入，判断给定字符串是否含有小写字母’a’。如果有则返回true,否则false。 内置对象 – 数学(Math) 内置对象 – 事件日期(Date) 练习：定义一个JavaScript函数，提示当前客户端时间（按格式yyyy-MM-dd HH:mm:ss）。如果时间是早上9点到下午6点之间，同时提示：“工作时间不要上网”；如果是其他时间，同时提示：“远离网络，注意休息” 内置对象 – 窗口对象 defaultStatus 缺省的状态栏信息。 status 状态栏中的信息。 scrollbars 浏览器的滚动条（包括水平和垂直滚动条）。 toolbar 浏览器的工具栏。 menubar 浏览器的菜单栏。 locationbar 浏览器的地址栏。 innerHeight 窗口内容区的高度（以像素表示）。 innerWidth 窗口内容区的宽度（以像素表示）。 outerHeight 窗口边界的高度（以像素表示）。 outerWidth 窗口边界的宽度（以像素表示）。 pageXOffset 网页x-position的位置（以像素表示）。 pageYOffset 网页y-position的位置（以像素表示）。 使用：window.status = “状态栏信息被修改了”; 方法 open(URL，窗口名称，[，窗口规格]) 打开一个新窗口。 close() 关闭窗口。 MoveBy(水平点数，垂直点数) MoveTo(x，y) 将窗口移动至（x,y）坐标处，参数取绝对值。 ResizeBy(水平点数，垂直点数) 调整窗口大小（往右/往下），参数取相对值。 ResizeTo(宽度，高度) setTimeout(表达式，毫秒数) 等待一段指定的毫秒数时间,然后运行指令。 clearTimeout(定时器对象) 清除 setTimeout定义的计时程序。 setInterval(表达式，毫秒数) 设置一个定时程序。 clearInterval(定时器对象) 清除 setInterval定义的计时器 focus() 将焦点移到此窗口。 blur() 把焦点从指定窗口移开。 stop() 停止加载网页内容。 back() 返回历史记录的上一个网页。 forward()