用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

javascript常用

2013-11-08 作者: 银狐举报

[javascript]代码库

<?<?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);//修改选中元素


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...