首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js基础要领

2012-10-09 
js基础要点(1)innerHTML 能解析标签innerText 不能解析标签(2)window.status 或者status指定浏览器状态栏

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 Array();
(44)cityList['陕西']=['安康','西安','咸阳'];
(45)
(46)cityList['广东']=['深圳','东莞'];
(47)var selProvince=document.myForm.province.value;
(48)var newOption;
(49)document.myForm.city.length=0;
(50)for(var j in cityList[selProvince] )
(51){
(52)newOption=new Option(cityList[selProvince][j]);
(53)document.myForm.city.options.add(newOption);
(54)}
(55)}
(56)</script>
(57)</head>
(58)
(59)<body>
(60)<form action="" method="get" name="myForm">
(61)<select name="province" onchange="jiLian()">
(62)<option value="陕西">陕西</option>
(63)<option value="广东">广东</option>
(64)</select>
(65)<select name="city">
(66)<option></option>
(67)</select>
(68)</form>
(69)获得随机数:Math.random()

热点排行