零基础搭建属于自己的网站--网页设计【学习笔记13】

实践篇——JavaScript网页动态特效

JavaScript特点：

脚本语言

基于对象的语言

简单性

安全性

动态性

跨平台性

基本数据结构：

数值型：整数和实数

字符串型

布尔型

空值

运算符：

 

 

 

 

 

 

 

 

 

 

 

程序控制语句

类别	说明
if条件语句	基本格式： if（表达式）       语句段1； else：       语句段2:；
for循环语句	基本格式： for（初始化；条件；增量）       语句集；
while循环	基本格式： while（条件）      语句集；
break	跳出整个循环
continue	跳出本次循环，执行下一次循环

函数：

function 函数名（参数，变元）{

      函数体；

      return 表达式；

}

常用操作对象的语句、关键词及运算符

名称	说明
for（in）语句	for（对象属性名 in 已知对象名）
with语句	with object{ …… }
this关键词	对当前对象的引用
New运算符	newobject = New Object(parameters table);

对象属性的引用

方式	说明
使用点（.）运算符引用	已存在对象.属性=值
通过对象的下标实现引用	object[下标] this[下标]
通过字符串的形式实现引用	已存在对象["属性"]=值

字符串对象的常用方法

名称	说明
anchor()	该方法创建与HTML文件中一样的anchor标记，格式如下： string.anchor(anchorName)
fontsize(size)	控制字体大小
toLowerCase()	转换为小写
toUpperCase()	转换位大写
fontcolor(color)	设置字体颜色
indexOf[character,fromIndex]	字符搜索，从指定fromIndex位置开始搜索character第一次出现的位置
substring(start,end)	返回字符串从start开始到end的部分

主要事件

事件	说明
onClick	当用户单击时产生onClick事件，同时onClick指定的事件处理程序或代码将会被调用执行。在"onClick="后，可以使用自定义函数。 <Input type="button" value=" " οnclick=alert("弹框")；>
onSelect	当text或textarea对象中的文字被加亮后，引发该事件
onChange	当利用text或textarea元素输入字符值改变时引发该事件，当在select表格项中的一个选项状态改变后也会引发该事件。
onFocus	当用户单击text或textarea以及select对象时产生该事件。此时该对象成为前台对象。
onBlur	当text对象或textarea对象以及select对象不再拥有焦点而退到后台时引发该事件，该事件与onFocus事件是对应的关系。
onLoad	当文档载入时产生该事件。onLoad的作用就是在首次载入一个文档时检测cookie的值，并用一个变量为其赋值，使它可以被源代码使用。
onUnLoad	当Web页面退出时引发该事件，并可更新cookie的状态。

常用事件

名称	说明
onLoad	当图像或页面结束载入时产生
onUnload	当访问者离开页面时产生
onClick	当单击指定的元素(例如一个链接、按钮或图像)时产生）
onDblClick	当双击指定的元素时产生
onMouseDown	当按下鼠标按键时产生(不必释放鼠标按键即可产生这个事件)
onMouseMove	当光标指向一个特定元素并移动鼠标时产生(指光标停留在元素的边界以内)
onMouseOut	当光标从特定的元素(该特定元素通常是一个图像或一个附加于图像的链接)移走时产生。这个事件经常被用来和“恢复交换图像”动作关联，当光标不再指向一个图像时，它恢复到其初始状态
onMouseOver	当光标首次指向特定元素时产生(指当光标从不是指向该元素到指向该元素)，该特定元素通常是一个链接
onMouseUp	当一个被按下的鼠标按键被释放时产生
onSelect	当在一个文本区域内选择文本时产生
onFocus	当指定的元素变成用户交互的焦点时产生
onBlur	和 onFocus事件相反，当指定元素不再作为交互的焦点时产生
onError	当浏览器载入页面或图像发生错误时产生
onKeyDown	当按下任意键时(在没有释放之前)产生
onKeyUp	当释放了被按下的键后产生
onMouseWheel	当使用鼠标滚轮时产生
onPropertyChange	当窗口或框架移动时产生
onResize	当重设浏览器窗口或框架大小时产生

跑马灯<marquee>的主要属性

属性	说明
behavior	跑马方式。取值scroll、slide、alternate分别表示循环绕行、只跑一次就停住、来回往复运动
direction	跑马方向，取值为left、right、up、down
loop	跑马次数，如不写，默认为一直循环
width, height	跑马范围，宽与高，可以是像素，也可以是百分比
scrollamount	跑马速度，数越大滚动越快
scrolldelay	跑马延时，单位为毫秒，利用它可实现跃进式滚动
hspace, vspace	跑马区域与其他区域间的空白大小
bgcolor	跑马区域的背景颜色

---

与其担心，不如现在好好努力。

原创不易，欢迎批评指正，侵权必究。