1. 首页
  2. 问题列表
  3. 加载HTML表而不是图片的JavaScript修改代码(PNG)
提问者：小点点

加载HTML表而不是图片的JavaScript修改代码(PNG)


我有一段加载图像的代码。 但是我的新资源将全部在HTML表中，而不是表的图像中。 你能帮我调整一下吗？ 我在想是否有可能。 因此，几个查询将组合一个图像名称，我已存储为png文件。 但是我的新源代码将是。html，简单的13乘13表，其中包含一些数据。 这是唯一的方式，我可以导出它从我的第三方程序。 我如何改变下面的函数，使它将加载我的HTML源而不是图像？

setImageSource: function() {
  if (isProductionEnvironment) {
    document.querySelector('#result-image-1').src = `/xx/xx/images/${imageName}.png`;
  } else {
    document.querySelector('#result-image-1').src = `https://xx/xx/images/${imageName}.png`;
  }
 
},

谢谢你的努力


共1个答案

匿名用户

好的，基于我的假设，不是加载图像，而是要加载一个。html文件； 现在，您使用一个img标记，该标记带有一个src值，与用户输入（类似于您的代码）相一致。 那么现在您需要加载html代码，因此您可以使用带有src值的iframe标记，或者使用带有data值的对象标记，该值与用户输入一致。

iframe https://www.w3schools.com/tags/tag_iframe.asp

对象https://www.w3schools.com/tags/tag_object.asp

像这样的东西。。。

setIframeSource: function() {
  if (isProductionEnvironment) {
    document.querySelector('#result-iframe-1').src = `/xx/xx/images/${imageName}.html`;
  } else {
    document.querySelector('#result-iframe-1').src = `https://xx/xx/images/${imageName}.html`;
  }
},
setObjectData: function() {
  if (isProductionEnvironment) {
    document.querySelector('#result-object-1').data = `/xx/xx/images/${imageName}.html`;
  } else {
    document.querySelector('#result-object-1').data = `https://xx/xx/images/${imageName}.html`;
  }
},

相关问题