化繁成简... 破茧成蝶 » JavaScript http://www.800l.com From now on, i only care about the person who care about me. Mon, 06 Feb 2012 07:10:23 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 js获取网页的width和height属性 http://www.800l.com/js-get-page-width-height.html http://www.800l.com/js-get-page-width-height.html#comments Thu, 12 Jan 2012 14:36:36 +0000 PRC http://www.800l.com/?p=900 网页的width和height属性可以利用下面获得：

查看区别使用下面代码

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

使用请使用以下代码

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

]]> http://www.800l.com/js-get-page-width-height.html/feed 1 JS 父窗口加载效果 http://www.800l.com/js-load-link-in-parent.html http://www.800l.com/js-load-link-in-parent.html#comments Sat, 19 Nov 2011 12:56:57 +0000 PRC http://www.800l.com/?p=867 实现的效果大致如下，打开1.htm，点击链接新建窗口2.htm，点击2.htm中的链接，新建的窗口关闭并在1.htm窗口重定向。

1.htm代码如下

<html>
<body>
<a href=2.htm onclick=”window.open(’2.htm’)”>new</a>
</body>
</html>

2.htm代码如下

<html>
<body>
<a href=# onclick=”opener.location.href=’http://baidu.com’;window.close()”>nbn</a>
</body>
</html>

（完）

]]> http://www.800l.com/js-load-link-in-parent.html/feed 0 JS 定时器(setInterval/setTimeout)使用和失效 http://www.800l.com/js-setinterval-settimeout.html http://www.800l.com/js-setinterval-settimeout.html#comments Thu, 19 May 2011 23:59:36 +0000 PRC http://www.800l.com/?p=757 使用问题的话网上太多文章了，这里不赘述了

一直刷

var MyInterval=setInterval(“Refresh()”,1000);

刷一次

setTimeout(“Refresh()”,1000);

相应的都有clear方法来取消定时

这里要着重说的是一个缓存问题，我用jQuery对后台定时请求时遇到IE9的缓存，每次请求都返回一样的结果，用F12看显示状态“304”，而不是“200”，避免缓存问题的话我临时想到的就是往请求URL后面加一个请求时间来避免，实验结果可以避免。

]]> http://www.800l.com/js-setinterval-settimeout.html/feed 0 页面跳转代码—-JavaScript 跳转 http://www.800l.com/javascript-jump-to-others.html http://www.800l.com/javascript-jump-to-others.html#comments Fri, 29 May 2009 12:07:36 +0000 PRC http://www.800l.com/?p=289 收着，以备自己不时之需。

<script language="javascript">
    window.location = "http://www.800l.com";
</script>

<script language="javascript">
    document.location = "http://www.800l.com";
</script>

带进度条的跳转如下
<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<title>跳转到800l.com</title>
</head>
<body>
<form name=loading>
<P align=center><FONT face=Arial color=#0066ff size=2>loading...</FONT>
<INPUT style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bolder; PADDING-BOTTOM: 0px; COLOR: #0066ff; BORDER-TOP-style: none; PADDING-TOP: 0px; FONT-FAMILY: Arial; BORDER-RIGHT-style: none; BORDER-LEFT-style: none; BACKGROUND-COLOR: white; BORDER-BOTTOM-style: none"
size=46 name=chart>
<BR>
<INPUT style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; COLOR: #0066ff; BORDER-BOTTOM: medium none; TEXT-ALIGN: center" size=47 name=percent>
<script language="javascript">
var bar=0
var line="||"
var amount="||"
count()
function count(){
    bar=bar+2
    amount =amount + line
    document.loading.chart.value=amount
    document.loading.percent.value=bar+"%"
    if (bar<99){
        setTimeout("count()",100);
    }else{
        window.location = "http://www.800l.com";
    }
}
</script>
</P>
</form>
</body>
</html>

]]> http://www.800l.com/javascript-jump-to-others.html/feed 1