@(Web)
JavaScript入门经典-第一章
- 为什么要使用JavaScript:HTML是一种标签语言( 而不是编程语言),用于表示标签各部分如何呈现(如红色、加粗,位于左上角),是静态的(一但写好就无法改变);使用在后台运行的脚本来交互和动态显示内容。其中JavaScript(JS)是最广泛应用的客户端脚本。
- 脚本的分类:
- 服务器端脚本:服务器在把页面发给用户之前的脚本,如先获取了商品价格,再将已经含有价格的页面发送给用户。如PHP,ASP。
- 客户端脚本:与页面一起发送给用户的脚本,用于动画、布局、交互等。
- JS常见功能:
- 打开新窗口,并设置其格式,如尺寸,位置,样式(是否有边框、菜单栏等)
- 提供交互功能,如下拉菜单
- 检验用户输入的数据是否合法
- 某个事件(如鼠标经过)发生时改变页面元素的外观和行为
- 检测浏览器特定功能
- 在html中使用
<script></script>
标签表示JS,在这个标签里面可以写JS代码。
DOM简介
- Document Object Model(DOM)意为文档对象模型,是对文档和它的内容的抽象表示。在浏览器加载和显示页面时,建立DOM这个内部模型来表示文档中的内容。
- DOM分为3级(0级DOM~2级DOM),其表达能力依次增强。0级DOM(也叫作BOM,浏览器对象模型)只能做“页面上第二个表单”之类的访问。
- DOM中的各个元素是层级的树形结构,层级树的树根为window对象。
document
是window最常用的孩子,它包含全部html内容以及其他构成页面显示的资源。- 对象访问方法——句点方式(最后一个句点后面可以时属性或者方法),如访问title属性:
window.document.title
其中个树根window
可以省略。
与用户交互
弹出信息:window.alert("hello world");
或省略的写法alert("hello world");
。
写入字符:document.write("hello world")
;