<?<?php |
#window.navigator 浏览器信息 |
window.navigator.appName 浏览器名称 |
appVersion 浏览器版本 |
platform 操作系统类型 |
userAgent 用户代理信息 |
cookieEnabled 是否支持cookie |
#window.history 浏览器历史记录 |
window.history.langth 历史记录的数目 |
window.history.go() 前进->能直接加地址 |
window.history.go(-2) |
window.history.back(-1) 后退1下 |
window.history.forward() 往前 |
#window.screen 频幕信息 |
width height |
availWidth availHeight |
#location 地址栏信息 |
href window.location.href= "" ; |
host 主机 |
port 端口 |
pathname 路径 |
protocol 协议 |
search 查询字符串 |
assign (url) 页面跳转 |
/*事件 |
onClick 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 |
onDblClick 鼠标双击事件 |
onMouseDown 鼠标上的按钮被按下了 |
onMouseUp 鼠标按下后,松开时激发的事件 |
onMouseOver 当鼠标移动到某对象范围的上方时触发的事件 |
onMouseMove 鼠标移动时触发的事件 |
onMouseOut 当鼠标离开某对象范围时触发的事件 |
onKeyPress 当键盘上的某个键被按下并且释放时触发的事件.[注意页面内必须有被聚焦的对象] |
onKeyDown 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象] |
onKeyUp 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象] |
|
页面相关事件 |
onAbort 图片在下载时被用户中断 |
onBeforeUnload 当前页面的内容将要被改变时触发的事件 |
onError 捕抓当前页面因为某种原因而出现的错误,如脚本错误与外部数据引用的错误 |
onLoad 页面内空完成传送到浏览器时触发的事件,包括外部文件引入完成 |
onMove 浏览器的窗口被移动时触发的事件 |
onResize 当浏览器的窗口大小被改变时触发的事件 |
onScroll 浏览器的滚动条位置发生变化时触发的事件 |
onStop 浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断 |
onUnload 当前页面将被改变时触发的事件 |
表单相关事件 |
onBlur 当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可] |
onChange 当前元素失去焦点并且元素的内容发生改变而触发的事件[鼠标与键盘的触发均可] |
onFocus 当某个元素获得焦点时触发的事件 |
onReset |
当表单中 |
RESET的 属性被激发时触发的事件 |
onSubmit 一个表单被递交时触发的事件 |
滚动字幕事件 |
onBounce 在Marquee内的内容移动至Marquee显示范围之外时触发的事件 |
onFinish 当Marquee元素完成需要显示的内容后触发的事件 |
onStart 当Marquee元素开始显示内容时触发的事件 |
编辑事件 |
onBeforeCopy 当页面当前的被选择内容将要复制到浏览者系统的剪贴板 |
前触发的事件 |
onBeforeCut 当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件 |
onBeforeEditFocus 当前元素将要进入编辑状态 |
onBeforePaste 内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件 |
onBeforeUpdate 当浏览者粘贴系统剪贴板中的内容时通知目标对象 |
onContextMenu 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的<body>中加入onContentMenu="return false"就可禁止使用鼠标右键了] |
onCopy 当页面当前的被选择内容被复制后触发的事件 |
onCut 当页面当前的被选择内容被剪切时触发的事件 |
onDrag 当某个对象被拖动时触发的事件[活动事件] |
onDragDrop 一个外部对象被鼠标拖进当前窗口或者帧 |
onDragEnd 当鼠标拖动结束时触发的事件,即鼠标的按钮被释放了 |
onDragEnter 当对象被鼠标拖动的对象进入其容器范围内时触发的事件 |
onDragLeave 当对象被鼠标拖动的对象离开其容器范围内时触发的事件 |
onDragOver 当某被拖动的对象在另一对象容器范围内拖动时触发的事件[活动事件] |
onDragStart 当某对象将被拖动时触发的事件 |
onDrop 在一个拖动过程中,释放鼠标键时触发的事件 |
onLoseCapture 当元素失去鼠标移动所形成的选择焦点时触发的事件 |
onPaste 当内容被粘贴时触发的事件 |
onSelect 当文本内容被选择时的事件 |
onSelectStart 当文本内容选择将开始发生时触发的事件 |
数据绑定 |
onAfterUpdate 当数据完成由数据源到对象的传送时触发的事件 |
onCellChange 当数据来源发生变化时 |
onDataAvailable 当数据接收完成时触发事件 |
onDatasetChanged 数据在数据源发生变化时触发的事件 |
onDatasetComplete 当来子数据源的全部有效数据读取完毕时触发的事件 |
onErrorUpdate 当使用onBeforeUpdate事件触发取消了数据传送时,代替onAfterUpdate事件 |
onRowEnter 当前数据源的数据发生变化并且有新的有效数据时触发的事件 |
onRowExit 当前数据源的数据将要发生变化时触发的事件 |
onRowsDelete 当前数据记录将被删除时触发的事件 |
onRowsInserted 当前数据源将要插入新数据记录时触发的事件 |
外部事件 |
onAfterPrint 当文档被打印后触发的事件 |
onBeforePrint 当文档即将打印时触发的事件 |
onFilterChange 当某个对象的滤镜效果发生变化时触发的事件 |
onHelp 当浏览者按下F1或者浏览器的帮助选择时触发的事件 |
onPropertyChange 当对象的属性之一发生变化时触发的事件 |
onReadyStateChange 当对象的初始化属性值发生变化时触发的事件 |
|
|
*/ |
/* |
节点的查找 |
document.getElementById() |
根据id查找 节点对象本身,id只允许一个 |
document.getElementsByTagName() |
根据标签查找 返回数组(很多节点) |
document.getElementsByname() |
根据name来查找 返回数组 为了兼容只对表单使用byname(IE早起只出现在表单中) |
*/ |
#1.打开新窗口 |
window.open ( 'page.html' , 'newwindow' , 'height=100, width=400, top=0,left=0, |
toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no,status=no'); //打开新窗口 |
window.open 弹出新窗口的命令; |
'page.html' 弹出窗口的文件名; |
'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空 '' 代替; |
height=100 窗口高度; |
width=400 窗口宽度; |
top=0 窗口距离屏幕上方的象素值; |
left=0 窗口距离屏幕左侧的象素值; |
toolbar=no 是否显示工具栏,yes为显示; |
menubar,scrollbars 表示菜单栏和滚动栏。 |
resizable=no 是否允许改变窗口大小,yes为允许; |
location=no 是否显示地址栏,yes为允许; |
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许; |
#关闭窗口 |
setTimeout( "self.close()" ,10000) //毫秒 |
#2.状态 鼠标状态 |
onmouseover(); //鼠标移上 |
onmouseout(); //鼠标移开 |
//<input type="text" value="0" onmouseover="this.value='1';" onmouseout="this.value='2';"> |
#点击按钮 |
<font color= "lightgreen" >click here</font><input type= "radio" name= "bgcolor" ONCLICK= "document.bgColor='pink'" > |
#1屏蔽右键 |
<body oncontextmenu= "return false" > |
<script language= "JavaScript" > |
function click(e) { |
if (document.all) { |
if (event.button==2||event.button==3) { |
oncontextmenu= 'return false' ; |
} |
} |
if (document.layers) { |
if (e.which == 3) { |
oncontextmenu= 'return false' ; |
} |
} |
} |
if (document.layers) { |
document.captureEvents(Event.MOUSEDOWN); |
} |
document.onmousedown=click; |
document.oncontextmenu = new Function( "return false;" ) |
</script> |
#禁止左键 |
<script language= "javascript" > |
function click() { |
if (event.button==1) { //改成button==2为禁止右键 |
alert( '对不起,禁止使用左键.' ) |
} |
} |
document.onmousedown=click |
</script> |
#禁止输入框输入 |
onFocus= "this.blur()" ; |
#刷新页面 |
<a href= "#" onClick= "document.location.reload()" >刷新</a> |
########################节点 |
#创建节点 |
var nodep=document.createElement( 'p' ); //创建p节点 |
#创建文本节点 |
var art=document.createTextNode(Math.random()); //创建随机数字文本节点 |
把p节点放进某个节点里 |
var cont=document.getElementById( 'container' ); |
cont.appendChild(nodep); //放进container |
#指定位置增加节点 |
var zhong=document.createTextNode( '5' ); //创建文本节点 |
var nodeli=document.createElement( 'li' ); //创建节点 |
nodeli.appendChild(zhong); //把文本节点放进nodeli节点里 |
var uln=document.getElementsByTagName( 'ul' )[0]; //查找标签节点 |
var xi=uln.children[2]; //查找标签内的第二个子元素,0开始计算 |
uln.insertBefore(nodeli,xi); //第一个参数带插入节点,第二个参数定位用的坐标 |
#删除子元素 |
var uln=document.getElementsByTagName( 'ul' )[0]; //查找第一个ul |
var san=uln.children[2]; //ul下面的第三个子元素 |
uln.removeChild(san); //删除子元素 |
#替换节点 |
var newli=document.createElement( 'li' ); //创建li节点 |
var cont=document.createTextNode( '5' ); //创建文本节点 |
newli.appendChild(cont); //把文本节点放进li节点里 |
var uln=document.getElementsByTagName( 'ul' )[0]; //找到父级的 |
var wu=uln.children[2]; //选中父节点下面的第三个子元素 |
uln.replaceChild(newli,wu); //修改选中元素 |