HTML学习笔记（五）

JavaScript脚本基础
利用JS制作网页特效
个人博客网站布局
企业网站设计

JavaScript脚本基础

• JavaScript仅仅是一种嵌入到HTML文件中的描述性语言，它并不编译产生机器代码，只是由浏览器的解释器将其动态的处理成可执行代码。
• JS是一种解释性型的、基于对象的脚本语言，是一种比较宽松类型的语言。宽松类型意味着不必显示定义变量的数据类型。
• JS语言的特点如下
  （1）JS是一种脚本编写语言，采用小程序段的方式实现变成，开发过程简单
  （2）JS是一种基于对象的语言，它能运用已经创建的对象
  （3）JS是一种基于Java基本语句和控制流之上的简单而紧凑的设计语言，比较简单，其次它的变量类型采用弱类型，并未使用严格的数据类型
  （4）JS是动态的，可以直接对用户的输入作出响应，无需经过Web服务程序
  （5）JS是一种安全性语言，它不允许访问本地硬盘，并且不能将数据存入服务器，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览和或互动交互，从而有效的防止数据的丢失
  （6）JS具有跨平台性。它依赖于浏览器本身，与操作环境无关。
• JS的事件。JS是基于对象的语言，而基于对象的基本特征，就是采用事件驱动。通常鼠标或键盘的动作称之为事件，由鼠标和键盘引发的一连串程序的动作，称之为事件驱动。而对事件进行处理的程序或函数，则称之为事件处理程序
• onClick事件--当用户点击鼠标时，产生onClick事件，同时onClick指定的事件处理程序或代码将被调用执行。
• onChange事件--它是一个与表单相关的事件，当利用text或者textarea元素输入的字符值改变时发生该事件，同时当在select表格中的一个选项状态改变后也会引发该事件
• onSelect事件--是当文本框中的内容被选中时所发生的事件
• onFocus事件--当单击表单对象时，即将光标放在文本框或选择框上时产生onFocus事件
• onLoad事件--当加载网页文档时，会产生该事件。onLoad事件的作用是在首次载入一个页面文件时检测cookie的值，并用一个变量为其赋值，使其可以被源代码使用
• onUnload事件--当退出网页时引发onUnload事件，并可更新cookie的状态
• onBlur事件--失去焦点onBlur事件正好与获得焦点事件相对，当text对象、textarea对象或select对象不再拥有焦点而退到后台时，引发该事件
• onMouseOver事件--当鼠标指针移动到某对象范围的上方时触发的事件
• onMouseOut事件--当鼠标指针离开某对象范围时触发的事件
• onDblClick事件--是鼠标双击时触发的事件
• 浏览器的内部对象，使用浏览器的内部对象，可实现与HTML文档进行交互。

浏览器的内部对象主要包括以下几个：
1.浏览器对象（navigator）：提供有关浏览器的信息
2.文档对象（document）：document对象包含了与文档元素一起工作的对象
3.窗口对象（windows）：windows对象处于对象层次的最顶端，它提供了处理浏览器窗
口的方法和属性
4.位置对象（location）：location对象提供了与当前打开的URL一起工作的方法和属性，是
一个静态的对象
5.历史对象（history）：history对象提供了与历史清单有关的信息

在JS中提供了非常丰富的内部方法和属性，从而减轻了编程人员的工作，提高了编程效率。在这些对象系统中，文档对象属性非常重要，它位于最底层，但对实现页面信息交互起着关键作用，因而是对象系统的核心部分

• navigator对象可用来存取浏览器的相关信息如浏览器的名称、浏览器的版本等
• document对象主要有links、anchor、form三个重要的属性
• windows对象处于对象层次的最顶端，它提供了处理navigator窗口的方法和属性。JS的输入可以通过windows对象来实现
• location对象是一个静态的对象，它描述的是某一个窗口对象多打开的地址
• history对象是浏览器的浏览历史。

利用JS制作网页特效

• 显示当前时间，利用getHours()、getMinutes()、getSeconds()分别获取当前小时数、当前分钟数、当前秒数
• 显示当前日期，利用getYear()、getMonth()、getDate()、getDay()分别获得当前年份、当前月份、当前日数、当前星期。在显示月份的时候，要将所得的月份加1，因为月份的数值是从0到11；利用getDay()方法获得的值中，0代表星期天。

个人博客网站布局

企业网站设计