javascript - 从 scriptlet 访问 css 属性？

Question

CSS

.myStyle {
height: 10px;
background-image: url(../myImage.png);
}

jsp

<img class=myStyle src=<% imageurl != null ? imageurl: (bacground-image property from my css)%> >

有什么办法可以实现吗？ 我不想在我的代码中对默认 url 进行硬编码，以允许仅通过更改 css 属性来更改默认图像。

Answer 1

您真正想要的是一个属性文件——例如像这样的 http://www.easywayserver.com/blog/java-resourcebundle-properties-file-jsp/

# image default
myimage.default=../myImage.png

和

<%@ page language="java" import="java.util.*" %>
<%
ResourceBundle resource = ResourceBundle.getBundle("commonVariable");
/// commonVariable.properties file will be in WEB-INF/classess  folder

String defaultImage=resource.getString("myimage.default");
.
.
.
if (imageurl==null) imageurl=defaultImage;

%>

<img class="myStyle" src="<%= imageurl  %>" />

---

如果必须，可以选择

https://stackoverflow.com/a/2104580/295783

function setImageFromBG(img) {
  var style = img.currentStyle || window.getComputedStyle(img, false),
  img.src = style.backgroundImage.slice(4, -1);
}

<img class="myStyle" src="<%= imageurl %>" onerror="setImageFromBG(this)" />

如果 bgimage 代码也未能提供良好的图像，则可能会循环