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代表星期天。