javascript - 在jsp中获取屏幕宽度作为变量

Question

我需要知道调整图像大小(它需要作为 img src="blah.jpg?width=x 传递)以便我的页面可以以不同的大小显示，有人可以帮我吗？我只需要x(宽度)作为 jsp 变量。

2021 年更新:哇，9 年过去了。如果你正在看这个(你们中的一些人仍然在看)——在过去的 9 年里，Javascript 取得了惊人的长足进步。正如下面的评论所说，这在 JSP 中是不可能的，但在 Javascript 和 CSS3 中是可能的。如果您试图确定页面的宽度以动态调整元素的大小，您可能不遵守多年来发展起来的响应式原则。研究 CSS Flexbox 并在设计时牢记这一点。

干杯

Answer 1

你要求的东西不能用这种方式完成。您的 JSP 在服务器上呈现，并作为 HTML 发送到浏览器。只有页面到达浏览器后，屏幕宽度才可用(使用 JavaScript)。因此，将其作为 JSP 变量获取是根本不可能的。

您可以改为使用 JavaScript 获取上一页的屏幕宽度，并将其设置为链接中的查询参数，或表单的隐藏字段。单击链接或提交表单时，您可以访问获取屏幕宽度的请求。

当然，如果用户可以通过直接在浏览器中输入该页面的 URL 来访问该页面的 URL，那么这将不起作用。

或者，使用 JavaScript 在页面加载后 加载图像。此时您将拥有屏幕宽度，并可以相应地构建 URL。本质上，您将使用主体的 onload 事件(或 JQuery 中的 $(document).ready)调用 javascript，它设置 src 图像的属性，到您需要使用的 URL。