JS应用

最新推荐文章于 2025-04-16 16:00:07 发布

流程管理

最新推荐文章于 2025-04-16 16:00:07 发布

阅读量837

点赞数

分类专栏： JavaScript 文章标签： javascript 正则表达式 null character url 浏览器

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

如果你找的 javascript 的东西的话 , 建议你 ctrl+F 直接在这个页上找 , 因为这里 80% 有你要找的 , 但是要让你挨着看的话 , 你就准备看完就去配眼镜 !!

o 事件源对象
event.srcElement.tagName
event.srcElement.type

o 捕获释放
event.srcElement.setCapture();
event.srcElement.releaseCapture();

o 事件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey

o 事件返回值
event.returnValue

o 鼠标位置
event.x
event.y

o 窗体活动元素
document.activeElement

o 绑定事件
document.captureEvents(Event.KEYDOWN);

o 访问窗体元素
document.all("txt").focus();
document.all("txt").select();

o 窗体命令
document.execCommand

o 窗体 COOKIE
document.cookie

o 菜单事件
document.oncontextmenu

o 创建元素
document.createElement("SPAN");

o 根据鼠标获得元素：
document.elementFromPoint(event.x,event.y).tagName=="TD
document.elementFromPoint(event.x,event.y).appendChild(ms)

o 窗体图片
document.images[ 索引 ]

o 窗体事件绑定
document.οnmοusedοwn=scrollwindow;

o 元素
document. 窗体 .elements[ 索引 ]

o 对象绑定事件
document.all.xxx.detachEvent('onclick',a);

o 插件数目
navigator.plugins

o 取变量类型
typeof($js_libpath) == "undefined"

o 下拉框
下拉框 .options[ 索引 ]
下拉框 .options.length

o 查找对象
document.getElementsByName("r1");
document.getElementById(id);

o 定时
timer=setInterval('scrollwindow()',delay);
clearInterval(timer);

o UNCODE 编码
escape() ,unescape

o 父对象
obj.parentElement(dhtml)
obj.parentNode(dom)

o 交换表的行
TableID.moveRow(2,1)

o 替换 CSS
document.all.csss.href = "a.css";

o 并排显示
display:inline

o 隐藏焦点
hidefocus=true

o 根据宽度换行
style="word-break:break-all"

o 自动刷新
<meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">

o 简单邮件
<a href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy">

o 快速转到位置
obj.scrollIntoView(true)

o 锚
<a name="first">
<a href="#first">anchors</a>

o 网页传递参数
location.search();

o 可编辑
obj.contenteditable=true

o 执行菜单命令
obj.execCommand

o 双字节字符
/[^/x00-/xff]/
汉字
/[/u4e00-/u9fa5]/

o 让英文字符串超出表格宽度自动换行
word-wrap: break-word; word-break: break-all;

o 透明背景
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>

o 获得 style 内容
obj.style.cssText

o HTML 标签
document.documentElement.innerHTML

o 第一个 style 标签
document.styleSheets[0]

o style 标签里的第一个样式
document.styleSheets[0].rules[0]

o 防止点击空链接时，页面往往重置到页首端。
<a href="javascript:function()">word</a>

o 上一网页源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer

o 释放内存
CollectGarbage();

o 禁止右键
document.oncontextmenu = function() { return false;}

o 禁止保存
<noscript><iframe src="*.htm"></iframe></noscript>

o 禁止选取 <body οncοntextmenu="return false" οndragstart="return false" onselectstart ="return false" οnselect="document.selection.empty()" οncοpy="document.selection.empty()" onbeforecopy="return false"οnmοuseup="document.selection.empty()>

o 禁止粘贴
<input type=text οnpaste="return false">

o 地址栏图标
<link rel="Shortcut Icon" href="favicon.ico">
favicon.ico 名字最好不变 16*16 的 16 色 , 放虚拟目录根目录下

o 收藏栏图标
<link rel="Bookmark" href="favicon.ico">

o 查看源码
<input type=button value= 查看网页源代码 οnclick="window.location = 'view-source:'+ 'http://www.youkuaiyun.com/'">

o 关闭输入法
<input style="ime-mode:disabled">

o 自动全选
<input type=text name=text1 value="123" οnfοcus="this.select()">

o ENTER 键可以让光标移到下一个输入框
<input οnkeydοwn="if(event.keyCode==13)event.keyCode=9">

o 文本框的默认值
<input type=text value="123" οnfοcus="alert(this.defaultValue)">

o title 换行
obj.title = "123 sdfs "

o 获得时间所代表的微秒
var n1 = new Date("2004-10-10".replace(/-/g, "//")).getTime()

o 窗口是否关闭
win.closed

o checkbox 扁平
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>

o 获取选中内容
document.selection.createRange().duplicate().text

o 自动完成功能
<input type=text autocomplete=on> 打开该功能
<input type=text autocomplete=off> 关闭该功能

o 窗口最大化
<body οnlοad="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)">

o 无关闭按钮 IE
window.open("aa.htm", "meizz", "fullscreen=7");

o 统一编码 / 解码
alert(decodeURIComponent(encodeURIComponent("http:// 你好 .com?as= hehe")))
encodeURIComponent 对 ":" 、 "/" 、 ";" 和 "?" 也编码

o 表格行指示
<tr οnmοuseοver="this.bgColor='#f0f0f0'" οnmοuseοut="this.bgColor='#ffffff'">

// 各种尺寸

s  +=   "/r/n 网页可见区域宽： " +  document.body.clientWidth;
s  +=   "/r/n 网页可见区域高： " +  document.body.clientHeight;
s  +=   "/r/n 网页可见区域高： " +  document.body.offsetWeight  + "  ( 包括边线的宽 )" ;
s  +=   "/r/n 网页可见区域高： " +  document.body.offsetHeight  + "  ( 包括边线的宽 )" ;
s  +=   "/r/n 网页正文全文宽： " +  document.body.scrollWidth;
s  +=   "/r/n 网页正文全文高： " +  document.body.scrollHeight;
s  +=   "/r/n 网页被卷去的高： " +  document.body.scrollTop;
s  +=   "/r/n 网页被卷去的左： " +  document.body.scrollLeft;
s  +=   "/r/n 网页正文部分上： " +  window.screenTop;
s  +=   "/r/n 网页正文部分左： " +  window.screenLeft;
s  +=   "/r/n 屏幕分辨率的高： " +  window.screen.height;
s  +=   "/r/n 屏幕分辨率的宽： " +  window.screen.width;
s  +=   "/r/n 屏幕可用工作区高度： " +  window.screen.availHeight;
s  +=   "/r/n 屏幕可用工作区宽度： " +  window.screen.availWidth;

· // 过滤数字

// 特殊用途

// 不缓存

// 正则匹配

匹配中文字符的正则表达式： [/u4e00-/u9fa5]
匹配双字节字符 ( 包括汉字在内 ) ： [^/x00-/xff]
匹配空行的正则表达式： /n[/s| ]*/r
匹配 HTML 标记的正则表达式： /<(.*)>.*<///1>|<(.*) //>/
匹配首尾空格的正则表达式： (^/s*)|(/s*$) （像 vbscript 那样的 trim 函数）
匹配 Email 地址的正则表达式： /w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*
匹配网址 URL 的正则表达式： http://([/w-]+/.)+[/w-]+(/[/w- ./?%&=]*)?
以下是例子：
利用正则表达式限制网页表单里的文本框输入内容：
用正则表达式限制只能输入中文： οnkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,''))"
1. 用正则表达式限制只能输入全角字符： οnkeyup="value=value.replace(/[^/uFF00-/uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/uFF00-/uFFFF]/g,''))"
2. 用正则表达式限制只能输入数字： οnkeyup="value=value.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"
3. 用正则表达式限制只能输入数字和英文： οnkeyup="value=value.replace(/[/W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"

// 消除图像工具栏

// 无提示关闭

// 取得控件得绝对位置 (1)

// 获得控件的绝对位置 (2)

oRect = obj.getBoundingClientRect();
oRect.left
oRect.

// 最小化 , 最大化 , 关闭

// 光标停在文字最后

// 页面进入和退出的特效

进入页面 <meta http-equiv= "Page-Enter" content= "revealTrans(duration=x, transition=y)" >
推出页面 <meta http-equiv= "Page-Exit" content= "revealTrans(duration=x, transition=y)" >
这个是页面被载入和调出时的一些特效。 duration 表示特效的持续时间，以秒为单位。 transition 表示使
用哪种特效，取值为 1-23:
　　 0 矩形缩小
　　 1 矩形扩大
　　 2 圆形缩小
　　 3 圆形扩大
　　 4 下到上刷新
　　 5 上到下刷新
　　 6 左到右刷新
　　 7 右到左刷新
　　 8 竖百叶窗
　　 9 横百叶窗
　　 10 错位横百叶窗
　　 11 错位竖百叶窗
　　 12 点扩散
　　 13 左右到中间刷新
　　 14 中间到左右刷新
　　 15 中间到上下
　　 16 上下到中间
　　 17 右下到左上
　　 18 右上到左下
　　 19 左上到右下
　　 20 左下到右上
　　 21 横条
　　 22 竖条
　　 23

// 网页是否被检索

// 打印分页

// 设置打印

// 自带的打印预览

WebBrowser.ExecWB(1,1) 打开
Web.ExecWB(2,1) 关闭现在所有的 IE 窗口，并打开一个新窗口
Web.ExecWB(4,1) 保存网页
Web.ExecWB(6,1) 打印
Web.ExecWB(7,1) 打印预览
Web.ExecWB(8,1) 打印页面设置
Web.ExecWB(10,1) 查看页面属性
Web.ExecWB(15,1) 好像是撤销，有待确认
Web.ExecWB(17,1) 全选
Web.ExecWB(22,1) 刷新
Web.ExecWB(45,1) 关闭窗体无提示
<style media=print>
.Noprint{display:none;}
.PageNext{page-break-after: always;}
</style>
<object id= "WebBrowser" width=0 height=0 classid= "CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" >
</object>

<center class= "Noprint" >
<input type=button value= 打印 οnclick=document.all.WebBrowser.ExecWB(6,1)>
<input type=button value= 直接打印 οnclick=document.all.WebBrowser.ExecWB(6,6)>
<input type=button value= 页面设置 οnclick=document.all.WebBrowser.ExecWB(8,1)>
</p>
<p> <input type=button value= 打印预览 οnclick=document.all.WebBrowser.ExecWB(7,1)>
</center>

// 去掉打印时的页眉页脚

// 浏览器验证

function checkBrowser()
{
   this.ver=navigator.appVersion
   this.dom=document.getElementById?1:0
   this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
   this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
   this.ie4=(document.all && !this.dom)?1:0;
   this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
   this.ns4=(document.layers && !this.dom)?1:0;
   this.mac=(this.ver.indexOf('Mac') > -1) ?1:0;
   this.ope=(navigator.userAgent.indexOf('Opera')>-1);
   this.ie=(this.ie6 || this.ie5 || this.ie4)
   this.ns=(this.ns4 || this.ns5)
   this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns5 || this.ns4 || this.mac || this.ope)
   this.nbw=(!this.bw)
   return this;
}

// 计算内容宽和高

<SCRIPT  language="javascript">
function  test(obj)
{
       var  range  =  obj.createTextRange();
       alert(" 内容区宽度 :  "   +  range.boundingWidth
                                                 +  "px/r/n 内容区高度 :  "   +  range.boundingHeight  +  "px");

}
</SCRIPT>
<BODY>
<Textarea id="txt" height="150">sdf</textarea><INPUT  type="button"  value=" 计算内容宽度 "   onClick="test(txt)">
</BODY>

// 无模式的提示框

// 屏蔽按键

<html>
<head>
  <meta http-equiv= "Content-Type" content= "text/html; charset=gb2312" >
  <noscript><meta http-equiv= "refresh" content= "0;url=about:noscript" ></noscript>
  <title> 屏蔽鼠标右键、 Ctrl+N 、 Shift+F10 、 Alt+F4 、 F11 、 F5 刷新、退格键 </title>
</head>
<body>
<script language= "Javascript" ><!--
   // 屏蔽鼠标右键、 Ctrl+N 、 Shift+F10 、 F11 、 F5 刷新、退格键
   //Author: meizz( 梅花雨 ) 2002-6-18
function document.oncontextmenu(){event.returnValue= false ;} // 屏蔽鼠标右键
function window.onhelp(){ return false } // 屏蔽 F1 帮助
function document.onkeydown()
{
   if ((window.event.altKey)&&
      ((window.event.keyCode==37)||    // 屏蔽 Alt+ 方向键 ←
       (window.event.keyCode==39)))    // 屏蔽 Alt+ 方向键 →
  {
     alert( " 不准你使用 ALT+ 方向键前进或后退网页！ " );
     event.returnValue= false ;
  }
      /* 注：这还不是真正地屏蔽 Alt+ 方向键，
      因为 Alt+ 方向键弹出警告框时，按住 Alt 键不放，
      用鼠标点掉警告框，这种屏蔽方法就失效了。以后若
      有哪位高手有真正屏蔽 Alt 键的方法，请告知。 */
   if ((event.keyCode==8)  ||                  // 屏蔽退格删除键
      (event.keyCode==116)||                  // 屏蔽 F5 刷新键
      (event.ctrlKey && event.keyCode==82)){ //Ctrl + R
     event.keyCode=0;
     event.returnValue= false ;
     }
   if (event.keyCode==122){event.keyCode=0;event.returnValue= false ;}   // 屏蔽 F11
   if (event.ctrlKey && event.keyCode==78) event.returnValue= false ;    // 屏蔽 Ctrl+n
   if (event.shiftKey && event.keyCode==121)event.returnValue= false ;   // 屏蔽 shift+F10
   if (window.event.srcElement.tagName == "A" && window.event.shiftKey)
      window.event.returnValue = false ;              // 屏蔽 shift 加鼠标左键新开一网页
   if ((window.event.altKey)&&(window.event.keyCode==115))              // 屏蔽 Alt+F4
  {
      window.showModelessDialog( "about:blank" , "" , "dialogWidth:1px;dialogheight:1px" );
       return false ;
  }
}
</script>
屏蔽鼠标右键、 Ctrl+N 、 Shift+F10 、 Alt+F4 、 F11 、 F5 刷新、退格键
</body>
</html>

// 屏蔽打印
<style>
@media print{
* {display:none}
}
</style>

// 移动的图层，拖动

1.<span style='position:absolute;width:200;height:200;background:red' οnmοusedοwn=MouseDown( this ) οnmοusemοve=MouseMove() οnmοuseup=MouseUp()>meizz</span>
<script language=javascript>
var Obj;
function MouseDown(obj)
{
  Obj=obj;
  Obj.setCapture();
  Obj.l=event.x-Obj.style.pixelLeft;
  Obj.t=event.y-Obj.style.pixelTop;
}
function MouseMove()
{
   if (Obj!= null )
  {
    Obj.style.left = event.x-Obj.l;
    Obj.style.top = event.y-Obj.t;
  }
}
function MouseUp()
{
   if (Obj!= null )
  {
    Obj.releaseCapture();
    Obj= null ;
  }
}
</script>
2.
<div id= "myDiv" src= "logo.gif" οndrag= "doDrag();" οnmοuseοver= "this.style.cursor='hand'" style= "position:absolute;left=100;top=100;" οnmοusedοwn= "doMouseDown();" >
<a href= "#" οnclick= "return false" ><h1>wlecome</h1></a>
</div>
<script language= "JavaScript" type= "text/javascript" >
var orgMouseX;
var orgMouseY;
var orgObjX;
var orgObjY;
function doDrag()
{
var myObject=document.all.myDiv;

var x=event.clientX;
var y=event.clientY;
myObject.style.left=x-(orgMouseX-orgObjX);
myObject.style.top=y-(orgMouseY-orgObjY);

}
function doMouseDown()
{
orgMouseX=event.clientX;
orgMouseY=event.clientY;
orgObjX=parseInt(document.all.myDiv.style.left);
orgObjY=parseInt(document.all.myDiv.style.top);
}

</script>

// 文档状态改变

// 刷新后不变的文本框

// 访问剪贴板

// 操作 COOKIE

//setTimeout 增加参数

// 自定义的 apply,call

Function.prototype.apply = function (obj, argu) {
if (obj) obj.constructor.prototype._caller = this ;
var argus = new Array ();
for ( var i=0;i<argu.length;i++)
  argus[i] = "argu[" + i + "]" ;
var r;
eval( "r = " + (obj ? ( "obj._caller(" + argus.join( "," ) + ");" ) : ( "this(" + argus.join( "," ) + ");" )));
return r;
};
Function.prototype.call = function (obj) {
var argu = new Array ();
for ( var i=1;i<arguments.length;i++)
  argu[i-1] = arguments[i];
return this .apply(obj, argu);
};

// 下载文件

// 检验连接是否有效

//POST 代替 FORM

// 组件是否安装
isComponentInstalled("{6B053A4B-A7EC-4D3D-4567-B8FF8A1A5739}", "componentID"))

// 检查网页是否存在

// 连接数据库

// 使用数据岛

<html>
<body>
srno ： <input type=text datasrc=#xmldate DataFLD=srno size="76"><BR>
times ： <input type=text datasrc=#xmldate DataFLD=times size="76"><BR>
<input id="first" TYPE=button value="<< 　第一条记录 " οnclick="xmldate.recordset.moveFirst()">
<input id="prev" TYPE=button value="< 上一条记录 " οnclick="xmldate.recordset.movePrevious()">
<input id="next" TYPE=button value=" 下一条记录 >" οnclick="xmldate.recordset.moveNext()">
<input id="last" TYPE=button value=" 最后一条记录 >>" οnclick="xmldate.recordset.moveLast()">
<input id="Add" TYPE=button value=" 添加新记录 " οnclick="xmldate.recordset.addNew()">

<XML ID="xmldate">
<infolist>
<info ><srno>20041025-01</srno><times>null</times></info>
<info ><srno>20041101-09</srno><times>2004年10月1日2 点 22 分 0 秒 </times></info>
</infolist>
</XML>
</body>
</html>

// 获得参数

<body>
<a href="javascript:location.href=location.href + '?a=1&b=2'">search</a>
<script language="JavaScript">

</script>
</body>

// 可编辑 SELECT

// 设置光标位置

// 页内查找

// 书

http://www.itpub.net/attachment.php?s=&postid=1894598
http://www.wrclub.net/down/listdown.aspx?id=1341

// 操作 EXECL

// 自定义提示条

<a href= "#" title= " 这是提示 " >tip</a>
<script Language= "JavaScript" >
//*********** 默认设置定义 .*********************
tPopWait=50; // 停留 tWait 豪秒后显示提示。
tPopShow=5000; // 显示 tShow 豪秒后关闭提示
showPopStep=20;
popOpacity=99;
//*************** 内部变量定义 *****************
sPop= null ;
curShow= null ;
tFadeOut= null ;
tFadeIn= null ;
tFadeWaiting= null ;
document.write( "<style type='text/css'id='defaultPopStyle'>" );
document.write( ".cPopText { background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}" );
document.write( "</style>" );
document.write( "<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>" );

function showPopupText(){
var o=event.srcElement;
MouseX=event.x;
MouseY=event.y;
if (o.alt!= null && o.alt!= "" ){o.dypop=o.alt;o.alt= "" };
if (o.title!= null && o.title!= "" ){o.dypop=o.title;o.title= "" };
if (o.dypop!=sPop) {
sPop=o.dypop;
clearTimeout(curShow);
clearTimeout(tFadeOut);
clearTimeout(tFadeIn);
clearTimeout(tFadeWaiting);
if (sPop== null || sPop== "" ) {
dypopLayer.innerHTML= "" ;
dypopLayer.style.filter= "Alpha()" ;
dypopLayer.filters.Alpha.opacity=0;
}
else {
if (o.dyclass!= null ) popStyle=o.dyclass
else popStyle= "cPopText" ;
curShow=setTimeout( "showIt()" ,tPopWait);
}
}
}
function showIt(){
dypopLayer.className=popStyle;
dypopLayer.innerHTML=sPop;
popWidth=dypopLayer.clientWidth;
popHeight=dypopLayer.clientHeight;
if (MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24
else popLeftAdjust=0;
if (MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24
else popTopAdjust=0;
dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust;
dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust;
dypopLayer.style.filter= "Alpha(Opacity=0)" ;
fadeOut();
}
function fadeOut(){
if (dypopLayer.filters.Alpha.opacity<popOpacity) {
dypopLayer.filters.Alpha.opacity+=showPopStep;
tFadeOut=setTimeout( "fadeOut()" ,1);
}
else {
dypopLayer.filters.Alpha.opacity=popOpacity;
tFadeWaiting=setTimeout( "fadeIn()" ,tPopShow);
}
}
function fadeIn(){
if (dypopLayer.filters.Alpha.opacity>0) {
dypopLayer.filters.Alpha.opacity-=1;
tFadeIn=setTimeout( "fadeIn()" ,1);
}
}
document.οnmοuseοver=showPopupText;
</script>

// 插入文字

document.onclick = function (){
var oSource = window.event.srcElement;
if (oSource.tagName!= "DIV" )
return false ;
var sel = document.selection;
if (sel!= null ) {
var rng = sel.createRange();
if (rng!= null )
rng.pasteHTML( "<font color=red> 插入文字 </font>" );
}
}

//netscapte 下操作 xml

// 判断键值

// 禁止 FSO

1. 注销组件
regsvr32 /u scrrun.dll
2. 修改 PROGID
HKEY_CLASSES_ROOT/Scripting.FileSystemObject
Scripting.FileSystemObject
3. 对于使用 object 的用户，修改 HKEY_CLASSES_ROOT/Scripting.

// 省略号

// 检测 media play 版本

// 图象按比例

// 细线 SELECT

function getComputerName()
{
var objWMIService = GetObject("Winmgmts:root/cimv2");
for(e = new Enumerator(objWMIService) ; !e.atEnd() ; e.moveNext())
{
var getComputer = e.item();
return getComputer.Name;
}
}

// 条件编译

<SCRIPT LANGUAGE= "JavaScript" >

</SCRIPT>

//mergeAttributes 复制所有读 / 写标签属性到指定元素。

<SCRIPT>
function fnMerge(){
oSource.children[1].mergeAttributes(oSource.children[0]);
}
</SCRIPT>
<SPAN ID=oSource>
<DIV
ID= "oDiv"
ATTRIBUTE1= "true"
ATTRIBUTE2= "true"
οnclick= "alert('click');"
οnmοuseοver= "this.style.color='#0000FF';"
οnmοuseοut= "this.style.color='#000000';"
>
This is a sample <B>DIV</B> element.
</DIV>
<DIV ID= "oDiv2" >
This is another sample <B>DIV</B> element.
</DIV>
</SPAN>
<INPUT
TYPE= "button"
VALUE= "Merge Attributes"
οnclick= "fnMerge()"
>

以上内容可以随意转载，转载后请注名来源和出处！出处是 http://ttyp.cnblogs.com/

下一篇是 JavaScript[ 对象 . 属性 ] 集锦

// 取得 innerText

< span style= "border:1px solid #000000; position:absolute; overflow:hidden;" >
< select style= "margin:-2px;" >
< option >1111< / option >
< option >11111111111111< / option >
< option >111111111< / option >
< / select >< / span >

//Import

function Import() {
for( var i=0; i<arguments.length; i++ ) {
   var file = arguments[i];
   if ( file.match(//.js$/i))
   document.write('<script type=/"text/javascript/ " src=/"' + file + '/"></sc' + 'ript>');
  else
   document.write('<style type=/"text/css/" >@import /"' + file + '/" ;</style>');
}
};

//js 枚举

<IE:clientCaps ID= "oClientCaps" style= "{behavior:url(#default#clientcaps)}" />
<SCRIPT>
var flash= "" ;
    WMPVersion= oClientCaps.getComponentVersion( "{22D6F312-B0F6-11D0-94AB-0080C74C7E95}" , "ComponentID" );
     if (WMPVersion != "" ) {
    flash = "" ;
     var version = WMPVersion.split( "," );
     var i;
    for (i = 0; i < version.length; i++) {
       if (i != 0)
    flash += "." ;
      flash += version[i];
    }
     document.write( " 您的 Windows Media Player 版本是 :" +flash+ "<p>" );
  }
</SCRIPT>

<DIV STYLE= "width: 120px; height: 50px; border: 1px solid blue;
overflow: hidden; text-overflow:ellipsis" >
<NOBR> 就是比如有一行文字，很长，表格内一行显示不下 .</NOBR>
</DIV>

<html>
<meta http-equiv= "Content-Type" content= "text/html; charset=gb2312" >
<head>
<script language= "javascript" >
var ie  =navigator.appName== "Microsoft Internet Explorer" ? true : false ;

function keyDown(e)
{
if (!ie)
{
   var nkey=e.which;
   var iekey=' 现在是 ns 浏览器 ';
   var realkey= String .fromCharCode(e.which);
}
if (ie)
{
   var iekey=event.keyCode;
   var nkey=' 现在是 ie 浏览器 ';
   var realkey= String .fromCharCode(event.keyCode);
   if (event.keyCode==32){realkey='/' 空格 /''}
   if (event.keyCode==13){realkey='/' 回车 /''}
   if (event.keyCode==27){realkey='/' Esc/''}
   if (event.keyCode==16){realkey='/' Shift/''}
   if (event.keyCode==17){realkey='/' Ctrl/''}
   if (event.keyCode==18){realkey='/' Alt/''}
}
alert('ns 浏览器中键值 :'+nkey+'/n'+'ie 浏览器中键值 :'+iekey+'/n'+' 实际键为 '+realkey);
}
document.onkeydown = keyDown;
</script>
</head>
<body>
//Javascript Document.
<hr>
<center>
<h3> 请按任意一个键。。。。 </h3>
</center>
</body>
</html>

doc = new ActiveXObject ( "Msxml2.DOMDocument" );
doc = new ActiveXObject ( "Microsoft.XMLDOM" )
->>
doc = ( new DOMParser()).parseFromString(sXML,'text/xml')

<SCRIPT language= "VBScript" >
Function URLEncoding(vstrIn)
    strReturn = ""
    For i = 1 To Len(vstrIn)
        ThisChr = Mid(vStrIn,i,1)
        If Abs(Asc(ThisChr)) < &HFF Then
            strReturn = strReturn & ThisChr
        Else
            innerCode = Asc(ThisChr)
            If innerCode < 0 Then
                innerCode = innerCode + &H10000
            End If
            Hight8 = (innerCode  And &HFF00)/ &HFF
            Low8 = innerCode And &HFF
            strReturn = strReturn & "%" & Hex(Hight8) &   "%" & Hex(Low8)
        End If
    Next
    URLEncoding = strReturn
End Function
Function bytes2BSTR(vIn)
    strReturn = ""
    For i = 1 To LenB(vIn)
        ThisCharCode = AscB(MidB(vIn,i,1))
        If ThisCharCode < &H80 Then
            strReturn = strReturn & Chr(ThisCharCode)
        Else
            NextCharCode = AscB(MidB(vIn,i+1,1))
            strReturn = strReturn & Chr(CLng(ThisCharCode) * &H100 + CInt(NextCharCode))
            i = i + 1
        End If
    Next
    bytes2BSTR = strReturn
End Function
dim strA,oReq
strA = URLEncoding( "submit1=Submit&text1= 中文 " )
set oReq = CreateObject( "MSXML2.XMLHTTP" )
oReq.open "POST" , "http: //ServerName/VDir/TstResult.asp" ,false
oReq.setRequestHeader "Content-Length" ,Len(strA)
oReq.setRequestHeader "CONTENT-TYPE" , "application/x-www-form-urlencoded"
oReq.send strA
msgbox bytes2BSTR(oReq.responseBody)
</SCRIPT>

//readyState 是 xmlhttp 返回数据的进度， 0= 载入中 ,1= 未初始化 ,2= 已载入 ,3= 运行中 ,4= 完成

(1) 拖拽访问
event.dataTransfer.setData( "URL" , oImage.src);
sImageURL = event.dataTransfer.getData( "URL" )
(2) 普通访问
window.clipboardData.setData( "Text" ,oSource.innerText);
window.clipboardData.getData( "Text" );

<HTML>
<HEAD>
<META NAME= "save" CONTENT= "history" >
<STYLE>
.sHistory {behavior:url(#default#savehistory);}
</STYLE>
</HEAD>
<BODY>
<INPUT class=sHistory type=text id=oPersistInput>
</BODY>
</HTML>

function modelessAlert(Msg)
{
window.showModelessDialog( "javascript:alert(/"" +escape(Msg)+ "/");window.close();" , "" , "status:no;resizable:no;help:no;dialogHeight:height:30px;dialogHeight:40px;" );
}

<IMG SRC= "mypicture.jpg" HEIGHT= "100px" WIDTH= "100px" GALLERYIMG= "false" >
or
<head>
<meta http-equiv= "imagetoolbar" content= "no" >
</head>

<input type=text οnkeypress= "return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false)" οnpaste= "return !clipboardData.getData('text').match(//D/)" οndragenter= "return false" >

· SCRIPT 标记

用于包含 javascript 代码 .

语法

属性

LANGUAGE 定义脚本语言

SRC 定义一个 URL 用以指定以 .JS 结尾的文件

windows 对象

每个 HTML 文档的顶层对象 .

属性

frames[] 子桢数组 . 每个子桢数组按源文档中定义的顺序存放 .

feames.length 子桢个数 .

self 当前窗口 .

parent 父窗口 ( 当前窗口是中一个子窗口 ).

top 顶层窗口 ( 是所有可见窗口的父窗口 ).

status 浏览器状态窗口上的消息 .

defaultStatus 当 status 无效时 , 出现在浏览器状态窗口上的缺省消息 .

name 内部名 , 为由 window.open() 方法打开的窗口定义的名字 .

方法

alert("message") 显示含有给定消息的 "javascript Alert" 对话框 .

confirm("message") 显示含有给定消息的 "Confirm" 对话框 ( 有一个 OK 按钮和一个 Cancel 按钮 ). 如果用户单击 OK 返回 true, 否则返回 false.

prompt("message") 显示一个 "prompt" 对话框 , 要求用户根据显示消息给予相应输入 .

open("URL","name") 打开一个新窗口 , 给予一个指定的名字 .

close() 关闭当前窗口 .

frame 对象

它是整个浏览器窗口的子窗口 , 除了 status,defaultStatus,name 属性外 , 它拥有 window 对象的全部属性 .

location 对象

含有当前 URL 的信息 .

属性

href 整个 URL 字符串 .

protocol 含有 URL 第一部分的字符串 , 如 http:

host 包含有 URL 中主机名 : 端口号部分的字符串 . 如 //www.cenpok.net/server/

hostname 包含 URL 中主机名的字符串 . 如 http://www.cenpok.net

port 包含 URL 中可能存在的端口号字符串 .

pathname URL 中 "/" 以后的部分 . 如 ~list/index.htm

hash "#" 号 (CGI 参数 ) 之后的字符串 .

search "?" 号 (CGI 参数 ) 之后的字符串 .

document 对象

含有当前文档信息的对象 .

属性

title 当前文档标题 , 如果未定义 , 则包含 "Untitled".

location 文档的全 URL.

lastModified 含有文档最后修改日期 .

referrer 调用者 URL, 即用户是从哪个 URL 链接到当前页面的 .

bgColor 背景色 (#xxxxxx)

fgColor 前景文本颜色 .

linkColor 超链接颜色 .

vlinkColor 访问过的超链颜色 .

alinkColor 激活链颜色 ( 鼠标按住未放时 ).

forms[] 文档中 form 对象的数组 , 按定义次序存储 .

forms.length 文档中的 form 对象数目 .

links[] 与文档中所有 HREF 链对应的数组对象 , 按次序定义存储 .

links.length 文档中 HREF 链的数目 .

anchors[] 锚 (...) 数组 , 按次序定义存储 .

anchors.length 文档中锚的数目 .

方法

write("string") 将字符串突出给当前窗口 .( 字符串可以含有 HTML 标记 )

writeln("string") 与 write() 类似 , 在结尾追加回车符 , 只在预定格式文本中 (

...
或
...
) 生效 .

clear() 清当前窗口 .

close() 关闭当前窗口 .

form 对象

属性

name

中的 NAME 属性的字符串值 .

method 中 METHOD 属性的类值 ,"0"="GET" ,"1"="POST" .

action 中 ACTION 属性的字符串值 .

target 表格数据提交的目标 , 与标记中相应属性一致 .

elements[index] elements 属性包含 form 中的各个元素 .

length 表格中的元素个数 .

方法

submit() 提交表格 .

事件处理器 onSubmit() 用户单击一个定义好的按钮提交 form 时运行的代码 .

text 和 textarea 对象

属性

name NAME 属性的字符串值 .

value 域内容的字符串值 .

defaultValue 域内容的初始字符串值 .

方法

focus() 设置对象输入焦点 .

blur() 从对象上移走输入焦点 .

select() 选定对象的输入区域 .

事件处理器

onFocus 当输入焦点进入时执行 .

onBlur 当域失去焦点时执行 .

onSelect 当域中有部分文本被选定时执行 .

onChange 当域失去焦点且域值相对于 onFocus 执行有所改变时执行 .

复选框 (checkbox) 对象

属性

name NAME 属性的字符串值 .

value 复选框内容的字符串值 . 如果设置了 , 则为 "on", 否则为 "off".

checked 复选框内容的布尔值 . 如果设置了 , 则为 true, 否则为 false .

defaultChecked 反映 (CHECKED) 属性的布尔值 ( 缺省状态 ).

方法

click() 选定复选框 , 并使之状态为 "on".

事件处理器

onClick 当用户单击 Checkbox 时执行 .

单选按钮 (radio) 对象

属性

name NAME 属性的字符串值 .

length radio 对象中单选按钮的个数 .

value VALUE 属性的字符串值 .

checked 布尔值 , 按下为 true, 否则为 false .

defaultChecked 反映 CHECKED 属性值的布尔值 .

方法

click() 选定单选按钮 .

事件处理器

onClick 当单选按钮被选定时执行 .

select 对象

属性

length select 对象中对象的个数 .

name 由 NAME= 属性定义的 select 对象的内部名 .

selectedIndex select 对象中当前被选 option 的下标 .

options 该属性对应于在 HTML 中定义 select 对象时标记中的内容 , 它有如下属性 :

text 标记后的文本串 .

value VALUE 属性的值 , 当 Submit 按钮被按下时 , 该值被提交 .

defaultSelected 反映标记的 SELECTED 属性的布尔值 .

selected 反映 option 的当前选择状态的布尔值 .

事件处理器

onFocus 当输入焦点进入域时执行 .

onBlur 当域失去输入焦点时执行 .

onChange 当域失去焦点且如果域的值相对于 onFocus 执行时有所改变 , 则执行 onChange.

Button 对象

表格中有三种类型按钮 , 由标记中的 TYPE 属性定义 :

.submit (type="SUBMIT")

.reset (type="RESET")

.custom (type="BUTTON")

所有按钮对象都有如下成分 :

属性

value VALUE 属性的字符串值 .

name NAME 属性的字符串值 .

方法

click() 选定按钮

事件处理器

onClick 当按钮被单击时执行 .

submit 和 reset 对象

属性

value VALUE= 属性的内容 .

name NAME= 属性的内容 .

方法

click() 选定按钮

事件处理器

onClick 当按钮被单击时执行 .

password 对象

属性

defaultValue VALUE= 属性的内容 .

name NAME= 属性的内容 .

value 目前输入 password 域的数据 .

方法

focus() 将焦点带入 password 域 .

blur 将焦点从 password 域移出 .

select() 选定 password 域中的当前数据 , 以备修改 .

navigator 对象

该对象用于确定用户访问时使用的 Navigator 版本 .

属性

appCodeName 相对于用户浏览器的 "codename"

appName 相对于用户浏览器的实际名字 .

appVersion 相对于用户浏览器的版本号 .

userAgent 该属性反映用户浏览器的全部信息 .

string 对象

string 对象为操作字符串的内容提供了很多方法 .

属性

length 字符串的长度 , 即字符串中字符的个数 .

方法

big(),blink(),bold(),fixed(),italics(),small(),sub(),strike(),sup(),fontColor(color),fontSize(size)

以上方法为字符串增加相应的 HTML 标记 .

charAt(index) 返回字符串中 index 处的字符 .

indexOf(searchValue,[fromIndex]) 该方法在字符串中寻找第一次出现的 searchValue. 如果给定了 fromIndex, 则从

字符串内该位置开始搜索 , 当 searchValue 找到后 , 返回该串第一个字符的位置 .

lastIndexOf(searchValue,[fromIndex]) 从字符串的尾部向前搜索 searchValue, 并报告找到的第一个实例 .

substring(indexA,indexB) 获取自 indexA 到 indexB 的子串 .

toLowerCase(),toUpperCase() 将字符串中所有字符全部转换成大写 , 小写 .

Date 对象

要使用 Date 对象 , 必须先生成一个 Date 实例 :

变量名 =new Date();

方法

getDay(),getDate(),getHours(),getMinutes(),getMonth(),getSeconds(),getTime(),

getTimeZoneOffset(),getYear()

还有 setDay... ...

toGMTString() 用 GMT 格式返回当前时间 . (Sun,12 Feb 1999 14:19:22 GMT)

toLocaleString 用 locale 格式返回当前时间 . (03/11/99 14:19:22)

parse(date) 将普通 date 字符串转换成豪秒形式 , 从而给 setTime() 做参数 .

Math 对象

属性

LN10 (10 的自然对数 )

PI (3.1415926...)

SQRT1_2 (1/2 的平方根 )

方法

abs(x) 返回 x 的绝对值

acos(x) 返回 x 的 arc cosine 值

asin(x) 返回 x 的 arc sin 值

atan(x) 返回 x 的 arc tangent 值

ceil(x) 返回大于等于 x 的最小整数

cos(x) 返回 x 的 cosine 值

exp(x) 返回 e 的 x 次方

floor(x) 返回小于等于 x 的最大整数

log(x) 返回 x 的

max(x,y) 返回 x,y 中的大值

min(x,y) 返回 x,y 中的小值

pow(x,y) 返回 x 的 y 次方

round(x) 舍入到最近整数 ,( 小于或等于 0.5 小数舍去 )

sin(x) 返回 x 的 sin 值

sqrt(x) 返回 x 的平方根

tan(x) 返回 x 的 tangent 值