结合jsp+java,使用iframe框架等实现下图的双搜功能

请结合jsp+java,使用iframe框架等实现下图的双搜功能。用户可以选择显示在结果页的搜索引擎。譬如:你输入“三生三世”,选择左侧及右侧搜索引擎,点搜索出来后面的搜索结果。

img

搜索结果显示:

img


```html


示例:
<html>
<body>
<iframe src="/i/eg_landscape.jpg"></iframe>
<p>一些老的浏览器不支持 iframe。</p>
<p>如果得不到支持,iframe 是不可见的。</p>
</body>
</html>



```

不知道你这个问题是否已经解决, 如果还没有解决的话:
  • 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/207379
  • 我还给你找了一篇非常好的博客,你可以看看是否有帮助,链接:java代码解决iframe重定向让父级页面跳转
  • 除此之外, 这篇博客: 在vue 项目中嵌入jsp页面中的 2、 第二种(使用 iframe 进行jsp嵌入) 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:

    修改后的 server.vue

    <template>
      <div class="docker-server">
        <iframe  name = "iframeChild" id = "iframeChild" v-bind:src="getPageUrl"
                width="100%" :height="iframeHeight"
                frameborder="0" scrolling="no" ref="iframeDom"
        ></iframe>
      </div>
    </template>
    
    <script type="text/ecmascript-6">
        export default {
            name: "server",
          data(){
              return{
                iframeHeight:500,
                getPageUrl:`${api_config.dockerMange}/core/funcs/system/docker/server/index.jsp?MySessionId=${JSON.parse(sessionStorage.getItem("userInfo")).userToken}`
              }
          },
          mounted: function () {
            this.$nextTick(() => {
              if(this.$refs.iframeDom)
                this.iframeHeight = window.innerHeight - this.$refs.iframeDom.$el.offsetTop;
            })
          },
        }
    </script>
    
    <style scoped>
    
    </style>
    
    

    这次终于对了运行效果如下:
    在这里插入图片描述
    还是老式的方法过的奥,测试证明这种方式可行,完美解决问题 嘿嘿。


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^