jquery或者html,js如何或者浏览器宽度值?
比如我要设定一个图片的宽度等于浏览器宽度,浏览器是最大化状态,<imgsrc=1.jpgwidth=浏览器宽度>,汉字的地方该怎么写呢?类似screen.width()这...
比如我要设定一个图片的宽度等于浏览器宽度,浏览器是最大化状态,<img src=1.jpg width=浏览器宽度>,汉字的地方该怎么写呢?类似screen.width()这样的代码,不要发一个HTML源网页,我就测试这一句代码,
展开
展开全部
alert($(window).height()); //浏览器时下窗口可视区域高度
alert($(document).height()); //浏览器时下窗口文档的高度
alert($(document.body).height());//浏览器时下窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器时下窗口可视区域宽度
alert($(document).width());//浏览器时下窗口文档对于象宽度
alert($(document.body).width());//浏览器时下窗口文档body的高度
alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin
alert($(document/window).scrollTop()); / 滚动条滚动后相对于浏览器的高度
alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度
对于改变图片的代码:
$('#imgID').css('width',$(window).width() + 'px');
alert($(document).height()); //浏览器时下窗口文档的高度
alert($(document.body).height());//浏览器时下窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器时下窗口可视区域宽度
alert($(document).width());//浏览器时下窗口文档对于象宽度
alert($(document.body).width());//浏览器时下窗口文档body的高度
alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin
alert($(document/window).scrollTop()); / 滚动条滚动后相对于浏览器的高度
alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度
对于改变图片的代码:
$('#imgID').css('width',$(window).width() + 'px');
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<img src="你的图片地址.jpg" id="img" />
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
//当前浏览器的宽、高
var winHeight = $(window).height(),
winWidth = $(window).width();
//设置图片的宽高
$('#img').css({
width: winWidth,
height: winHeight
});
</script>
</body>
</html>
追问
您的答案基本合格了,我谷歌浏览器,IE不能运行。不过就是有左右滚动条,如果宽度在减去几个数值应该就差不多了,一会用手机试试,如果手机上合格我就给您分了。等会啊。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<html>
<head>
/**引用jQuery什么的就省略了哈~**/
<scprit type="text/javascript">
$(window).load(function(){
$("img").css("width",$(window).width());
});
</script>
</head>
<body>
<img src="1.jpg" >
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询