常用事件、属性基础知识点整理;
328) javascript 学习
328-1) 事件
1) οnclick="info()" 鼠标点击事件
2) οnmοuseοver="info()" 鼠标经过事件
3) οnmοuseοver="info()" 鼠标移开事件
4) οnfοcus="info()" 光标聚焦事件
5) οnblur="info()" 失焦事件
6) οnselect="info()" 内容选中事件
7) οnchange="info()" 文本框内容改变事件
8) οnlοad="info()" 加载事件
9) οnunlοad="info()" 卸载事件
328-2) 对象
1) Date日期对象
var rq = new Date();
Date对象中处理时间和日期的常用方法:
方法名称 功能描述
get/setDate() 返回/设置日期
get/steFullYear() 返回/设置年份,用四位数表示
get/setYear() 返回/设置年份
get/setMonth() 返回/设置月份。0:一月...11:十二月,索引+1
get/setHours() 返回/设置小时,24小时制
get/setMinutes() 返回/设置分钟
get/setSeconds() 返回/设置秒
get/setTime() 返回/设置时间(单位毫秒)
例:
getDay() 返回星期,返回的是0-6的数字,0表示是星期天
例:
var mydate=new Date();
var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
document.write("今天是:" + weekday[mydate.getDay()] );
2) String 字符串对象
2-1)
stringObject.length; 返回该字符串的长度。
stringObject.toUpperCase(); 将字符串小写字母转换为大写
stringObject.toLowerCase(); 将字符串大写字母转换为小写
2-2) stringObject.charAt(index);返回指定位置的字符
若index不在0与str.length-1之间,该方法将返回一个空字符串
例:
var mystr="I love JavaScript!"
document.write(mystr.charAt(mystr.length-1));
2-3) stringObject.indexof(substring,startpos); 返回某个自定的字符串值在字符串中首次出现的位置。
substring,需检索的字符串值。startpos 可选参数,规定在字符串中开始检索的位置。检索的字符串不存在,则返回-1;
indexOf() 区分大小写;
3) window浏览器对象
window.open(url, [name], [configuration])
url:为要新打开页面的url
name:为新打开窗口的名字,可以通过此名字获取该窗口对象
configuration:为新打开窗口的一些配置项,比如是否有菜单栏、滚动条、长高等等信息
例: 新窗口打开一个指定宽高的网页
window.open("http://www.baidu.com",'','width=600,height=400');
方法 描述
alert() 显示带有一段小时和一个确认按钮的提示框
prompt() 显示可提示用户输入的对话框
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框
open() 打开一个新的浏览器窗口或查找一个已命名的窗口
close() 关闭浏览器窗口
print() 打印当前窗口的内容
focus() 把键盘焦点给与一个窗口
blue() 把键盘焦点从顶层窗口移开
moveBy() 可相对窗口的当前坐标把它移动指定的像素
moveTo() 把窗口的左上角移动到一个指定的坐标
resizeBy() 按照指定的像素调整窗口的大小
resizeTo() 把窗口的大小调整到指定的宽度和高度
scrollBy() 按照指定的像素值来滚动内容
scrollTo() 把内容滚动到指定的坐标
setInterval() 每隔指定的时间执行代码
例: var dsq = setInterval("fun()",1000);
setTimeout() 计时器,在指定的延迟时间之后来执行代码
例: var i = setTimeout(代码,延迟时间);
clearInterval() 取消 setInterval() 的设置
例: clearInterval(dsq);
clearTimeout() 取消 setTimeout() 的设置
例: clearTimeout(i);
4) history 对象
语法: window.history.[属性|方法]
注: window可以省略
History 对象属性:
方法 描述
length 返回浏览器历史列表中的UTL数量
History 对象方法:
back() 加载 history 列表中的前一个URL
forward() 加载 history 列表中的下一个URL
go() 加载 history 列表中的某个具体的页面
参数说明: 1 前一个, go(1)等价 forward()
0 当前页面
-1 后一个,go(-1)等价 back()
其它数值 要访问的 URL 在 History 列表中的相对位置
注: window.history.back() === window.history.go(-1);
window.history.forward() === window.history.go(1);
5) Location 对象
语法: location.[属性|方法]
location 对象属性:
属性 描述
hash 设置或返回并井号(#)开始的URL(锚)
host 设置或返回主机名和当前URL的端口号
hostname 设置或返回当前 URL 的主机名
href 设置或但会完整的 URL
pathname 设置或返回当前 URL 的路径部分
port 设置或返回当前 URL 的端口号
protocol 设置或返回当前 URL 的协议
search 设置或返回从问号(?)开始的 URL(查询部分)
location 对象方法:
assign() 加载新的文档
reload() 重新加载当前文档
replace() 用新的文档替换当前文档
6) Navigator 对象
包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。
对象属性:
appCodeName 浏览器代码名的字符串表示
appName 返回浏览器的名称
appVersion 返回浏览器的平台和版本信息
platform 返回运行浏览器的操作系统平台
userAgent 返回由客户机发送服务器的 user-agent 头部的值
例: navigator.appVersion;
7) screen 对象
用于获取用户的屏幕信息。
语法:
window.screen.属性
属性 描述
availHeight 窗口可以使用的屏幕高度,单位像素
availWidth 窗口可以使用的屏幕宽度,单位像素
colorDepth 用户浏览器表示的颜色位数,通常为32位(每像素的位数)
pixelDepth 用户浏览器表示的颜色分辨率,通常为32位(比特每像素)
height 屏幕的高度,单位像素
width 屏幕的宽度,单位像素
注:1. 单位以像素计;2.window.screen 对象在编写时可以不使用 window 这个前缀。