了解JavaScript
本章主要内容
关于服务器端和客户端编程
JavaScript如何改善web页面
“文档对象模型(DOM)”基础知识
Window和document 对象
如何使用JavaScript给web页面添加内容
如何利用对话框提示用户
脚本定义
“脚本”这个术语原文来自于话剧和电视领域，那里所用的脚本决定了演员或主持人要做的事。对于WEB页面来说，主角是页面上元素，而脚本是由某种脚本语言（比如JavaScript）生成的。对于本书的描述内容来说，“程序”与脚本两个术语基本上是可以通用的。
服务器端和客户端编程
让web服务器把页面发送给用户之前执行的脚本，比如数据库的数据、邮箱获取到邮件的内容…这些脚本运行在web服务器上，而且是在生成页面并提供给用户之前运行，这叫“服务器端脚本”。
另外一种是把脚本和页面内容一起发送给用户的浏览器。然后由浏览器运行这些脚本，操作已经发送给浏览器的页面内容，这些脚本的主要功能包括动画页面的部分内容，重新安排页面布局，验证表单内容，把用户重定向其他页面，成为“客户端脚本”。
JavaScript简介
JavaScript编写的程序可以访问web页面元素和运行它的浏览器，常见的功能：
Ø 指定尺寸、位置和样式（边框、菜单、工具栏）打开新窗口；
Ø 提供给用户友好的导航帮助
Ø 检验web表单输入的数据，保证数据格式的正确性
Ø 事件触发，改变外观和行为，点击、双击、鼠标滑过…
Ø 检测和发现特定浏览器支持的功能
<script>标签
用户访问一个页面时，页面中包含的<script></script>代码会和其他页面内容一起传递给浏览器，JavaScript以普通文本形式传递给浏览器，然后依次解释执行，属于解释型语言。
DOM简介
文档对象模型（DOM）是对文档机器内容的抽象表示。
当HTML源码返回时，浏览器在内存中建立一个内部模型来为每个标签建立关联，这个模型就是DOM的树形结构。即建立一个层级树，层级树的顶端是浏览器的window对象，是一切对象的根。Window的子对象包括：document（包含全部的HTML内容和其他构成页面显示的资源）、location（当前页的URL信息）、history（浏览页面地址）、navigator（浏览器类型、版本和兼容的信息）
Window | |||
Document | Location | History | Navigator |
对象标签法
Parent.child
Window.document
Object1.object2.property
Object1.object2.method
Window.document.title <title></title>
与用户交互
Window.alert(),将会弹出对话框，包含一个确定的按钮，在点击确定前是无法进行任何操作，这种行为模式对话框被称为“模态”对话框。
Window.write()，直接向HTML文档写入字符。
小结
掌握了服务器端和客户端编程的概念，简述了DOM基本结构
创建简单的脚本
在web中添加JavaScript
方法一：直接在html页面文件上加<script>…</script>，正常放到<head></head>标签中
方法二：在HTML引入外部js文件<scriptsrc=’javascript.js’/>，js文件不能使用<script>标签
把JavaScript保存单独文件的好处：
Ø 复用、修改一处，所有生效
Ø HTML页面保持简洁，提高可读性和可维护性
Ø 改善性能，浏览器将js文件进行缓存，其他页面直接从浏览器内存读取。
JavaScript语句
书写规范
规范1 | 规范2 |
语句1； | 语句1；语句2； |
语句2； |
|
代码注释
//注释内容 | /*这里的注释 内容可以 跨越多行*/ |
//注释内容 |
变量
JavaScript变量是区分大小写的，用var 关键字表示，例如：var paintPrice = 9.9;
Var paintColor=’red’;
全局变量
1、 在函数体外定义变量；2、在函数体内不写var，直接写paint=’METIN’；
局部变量
函数体内定义
操作符
+、-、*、/、%（求余数 (保留整数)） 数学运算符
+在多个字符串之间使用时候，是拼接。
获取鼠标事件
OnClick事件处理器
onClick几乎可以用于页面上任何可见的HTML元素。使用方式：οnclick=”…一些JavaScript语句…”.
例如：<input type = “button”οnclick=”alert(‘you click the button’)” value=”click me”/>注意：双引号之间如果要加字符串不能再用双引号哦，要用单引号或者转换。
OnMouseOver和onMouseOut事件写法类似
函数
JavaScript函数和其他语言一样，写法如下：
function doSomethin(参数1，参数2){
doSomething…
}
注：
1、 function 不可以大写
2、 MyFunc()和myFunc()是不一样的，区分大小写的
调用函数
函数名（）；
把JavaScript代码放到页面的<head>区域的<script>里面，它就可以从页面的任意位置被调用。
作用域
函数内部声明的变量叫做局部变量，作用域在函数内部，函数外部定义的变量叫做全局变量，可以作用域任何js地方。
扫一扫
1326
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
