由于浏览器的不同,会让我们做的遇到不同的问题,所以对于浏览器的判断还是必要的!
<script src="System.Web.Extensions/3.5.0.0/3.5.30729.1/MicrosoftAjax.js"></script>
<script>
document.write(window.navigator.userAgent + '</br>');
//Sys.UI.DomEvent(
document.write(Sys.Browser.name + '</br>');
document.write(Sys.Browser.version + '</br>');
document.write(Sys.Browser.hasDebuggerStatement +'</br>');
function getClientBounds()
{
var clientWidth;
var clientHeight;
switch (Sys.Browser.agent)
{
case Sys.Browser.InternetExplorer:
clientWidth = document.compatMode == "CSS1Compat" ?
document.documentElement.clientWidth : document.body.clientWidth;
clientHeight = document.compatMode == "CSS1Compat" ?
document.documentElement.clientHeight : document.body.clientHeight;
break;
case Sys.Browser.Safari:
clientWidth = window.innerWidth;
clientHeight = window.innerHeight;
break;
case Sys.Browser.Opera:
clientWidth = Math.min(window.innerWidth, document.body.clientWidth);
clientHeight = Math.min(window.innerHeight, document.body.clientHeight);
break;
default: // FireFox, etc.
clientWidth = Math.min(window.innerWidth, document.documentElement.clientWidth);
clientHeight = Math.min(window.innerHeight, document.documentElement.clientHeight);
break;
}
return {width: clientWidth, height: clientHeight};
}
window.onresize = function() {
var bounds = getClientBounds();
$get("clientBounds").innerHTML =
String.format("Width: {0}, Height: {1}",
bounds.width, bounds.height);
}
</script>
浙公网安备 33010602011771号