javaScript 常用技巧（二）

最新推荐文章于 2023-12-28 16:28:26 发布

newpiaoyun

最新推荐文章于 2023-12-28 16:28:26 发布

阅读量425

点赞数

分类专栏： JavaScript 文章标签： javascript function character textbox button input

JavaScript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

//计算内容宽和高

<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>

//无模式的提示框

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

//屏蔽按键

<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);
};

//下载文件

//检验连接是否有效

//组件是否安装
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

//设置光标位置

//页内查找

newpiaoyun

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaScript 常用技巧（二）

//计算内容宽和高 "javascript"> function test(obj) { var range = obj.createTextRange(); alert("内容区宽度: " + range.boundingWidth
复制链接

扫一扫