js基础要点
(1) innerHTML 能解析标签 innerText 不能解析标签
(2) window.status 或者status指定浏览器状态栏中显示的临时消息
(3) windows对象的常用属性
status 指定浏览器状态栏中显示的临时消息
screeen 有关客户端的屏幕和显示性能的信息
history 有关客户访问过的URL的信息
location 有关当前URL的信息
document 表示浏览器窗口中的HTML文档
(4) windows对象的常用方法
alert (“提示信息”) 显示一个带有提示信息和确定按钮的对话框
confirm(“提示信息”) 显示一个带有提示信息,确定和取消按钮的对话框
open(“url“,“name“) 打开具有指定名称的新窗口,并加载给定的URL所指定的文档,如果没有提供URL,则打开一个空白文档
close() 关闭当前窗体
showModalDialog() 在一个模式窗口中显示指定的HTML文档
(5) 由于window是根对象,一般可以省略。但要注意的是:当使用层,框架和多窗口时,就不能省略window对象的名称!
(6) Open(“打开窗口的URL”,”窗口名”,”窗口特征”)
height 窗口的高度
width 窗口的宽度
toolbar 浏览器工具条,包括前进和后退按钮,yes为显示
scrollbars 是否显示滚动条
menubar 表示菜单栏
location 是否显示地址栏,yes或1显示,no和0不显示
status 是否显示状态栏内的信息,yes和1为显示
resizable 是否允许改变窗口的大小,yes或1为是,no或0为否
(7) onUnLoad=”事件名” 窗体卸载事件
(8) Date对象的常用方法
(9) 创建日期对象的语法如下
(10) var 日期对象=new Date (参数); 如果没有参数,则表示但前日期和时间 例如:var 日期对象=new Date ( ); 有参数:var 日期对象=new Date (1990.0919“);
(11)常用方法
getDate () 获取日期
getYear () 获取年份
getHours() 获取小时
getMinutes() 获取分钟数
getSeconds() 获取秒数
getTime() 返回自某一时刻(1979年1月1日)以来的毫秒数
getMonth() 获取月份,值0-11之间
(1) setTimeout()方法 自动更新调用方法
(2) setTimeout(“函数名“,自动更新时间)
(3) clearTimeout()控制停止
(4) setInterval () 自动调用
(5) clearInterval()控制停止
(6) history 对象
back() 加载上一个url,相当于后退
forward() 加载下一个url,相当于前进
go(“url“ 或者 number) go(1)前进 go(-1)后退
(7) Location 对象
reload() 重新加载当前页
replace(“url“) 通过别的页面来替换当前页面
(8) document 对象的常用方法
getElementById() 根据html元素指定的ID,获得唯一的一个html元素,如访问DIV层对象等
getElementByName() 根据html元素指定name,获得相同名称的一组元素,如访问表单元素(全选功能)
(9) 制作浮动广告:document.body.scrollTop;获取纵向滚动条卷去的部分,document.body.scrollTopLeft; 获取横向滚动条卷去的部分
(10) 鼠标滚动事件:window.onscroll= 事件名(事件名不能带括号);
(11) 例如:document.getElementById(“层名称“).style.pixelTop=..
(12) 链接外部样式的两种方法:<link rel="stylesheet" href="样式表名称" type="text/css" />
(13) 第二种:
(14) <style type="text/css">
(15) @import "样式表名称";
(16) </style>
(17) 通过className属性设置类样式: className=’样式名称’
(18) display 属性的value
block 默认值,按块显示,换行显示
none 不显示,隐藏
inline 按行显示,和其他元素在同一行显示
(19) String 对象的 方法
indexOf(“子字符串“,起始位置) 查找第一个出现的子字符串
charAt(index) 获取位于指定索引位置的字符
substring(index1,[index2]) 返回index1和index2之间的字符串,并且包括index1所对应的字符,不包括index2所对应的字符
toLowerCase () 将字符串转换成小写
toUpperCase () 将字符串转换成大写
(20) 文本框对象的事件处理程序
文本框
事件 onBlur 失去焦点事件
onFocus 得到焦点事件
onChange 文本框的内容发生改变事件
方法 focus() 获得鼠标光标
select() 选中文本内容,突出显示文本内容
属性 value 文本框属性的值
(21) 图片代替按钮事件:由于图片不具备提交功能,所以需要手动调用提交方法(document.myForm.submit())
(22) 左键:37 上:38 右:39 下:40
(23) 回车切换:if (event. keyCode ==13) 如果按下的是回车键
(24) {
(25) event.keyCode=9; 改为Tab键
(26) }
(27) document.onkeydown =事件名称;(没有括号)
(28) event.srcElement.type 获取出发事件的元素
(29) 级联菜单特效:
(30) 下拉列表使用<Select>和<Option>两个标签共同创建
(31) 下拉列表框的常用事件,属性和方法
下拉列表框 事件 onChange 当选项发生改变时产生
属性
value 下拉列表框中被选中的值
options 所有选项组成的数组,第一个选项即为options[0],第二个即为options[1],其他以此类推
selectedIndex 返回被选择的选项的索引号,如果选中第一个返回0,第二个返回1,其他以此类推
length 返回下拉列表中的选项个数
方法 add(new,old)或者直接add(new) 将新的option对象new插入到option对象old前面,如果old为空,那么直接插入到末尾
(32) 数组的常用方法
join(分隔符) 以指定的分隔符将数组元素一次拼接起来,形成一个字符串并返回
sort() 对数组元素进行排序,按英文字母顺序或汉字的拼音方式排序
(33) for…in 循环
(34) for (var j in cityList[0])
(35) {
(36) document.write(cityList[0][j]);
(37) }
(38) 声明数组时,使用var cities=new Array(‘北京’);和使用 var cities=new Array[‘北京’]效果完全一样。
(39) 使用级联菜单例子:
(40) <script language="javascript">
(41) function jiLian()
(42) {
(43) var cityList=new Arr