今天遇到一使用要求，将html页面以js的形式提供给其它网站使用。其效果类似于iframe.
public void achieveId(){
ActionContext ac = ActionContext.getContext();
HttpServletRequest request = (HttpServletRequest) ac.get(ServletActionContext.HTTP_REQUEST);
String ledFile = "/gg/js/led.js";
String eleFile = "/gg/js/ele.js";
HashSet<TEsample> tEsamples = new HashSet<TEsample>();
HashSet<TEsample> tEsamplesEle = new HashSet<TEsample>();
try {
Workbook book1 = Workbook.getWorkbook(new File(request.getSession().getServletContext().getRealPath("/exhibit/lighting/2013/huace.xls")));
Sheet sheet1 = book1.getSheet(4);
int rownum = sheet1.getRows();
for(int r = random(rownum); r < rownum; r++){
Cell cell1 = sheet1.getCell(1, r);
String catalog = cell1.getContents();
int ind = catalog.indexOf("=");
if (ind > 0) {
String id = catalog.substring(ind+1);
TEsample tEsample = alightOodiiDao.queryEsampleById(Long.parseLong(id));
if(tEsample != null && tEsamples.size() < 5 && tEsamples.contains(tEsample) == false){
tEsamples.add(tEsample);
}
}
}
} catch (BiffException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
StringBuffer bf = new StringBuffer();
bf.append("<!DOCTYPE html PUBLIC \\\"-\\/\\/W3C\\/\\/DTD XHTML 1.0 Transitional\\/\\/EN\\\" \\\"http:\\/\\/www.w3.org\\/TR\\/xhtml1\\/DTD\\/xhtml1-transitional.dtd\\\">");
bf.append("<html xmlns=\\\"http:\\/\\/www.w3.org\\/1999/xhtml\\\">");
bf.append("<head>");
bf.append("<meta http-equiv=\\\"Content-Type\\\" content=\\\"text/html; charset=UTF-8\\\" \\/>");
bf.append("<title>数据<\\/title>");
bf.append("<link href=\\\"http://www.oodii.com/v3/css/led.css\\\" rel=\\\"stylesheet\\\" type=\\\"text/css\\\" \\/>");
bf.append("<\\/head>");
bf.append("<body>");
bf.append("<div class=\\\"product_list\\\">");
bf.append("<div class=\\\"right_ad\\\"><a href=\\\"http://www.oodii.com/exhibit/lighting/2013/\\\" target=\\\"_blank\\\"><img src=\\\"http://www.oodii.com/v3/img/ledth_03.jpg\\\" width=\\\"152\\\" height=\\\"218\\\" \\/><\\/a><\\/div>");
if (tEsamples != null && tEsamples.size() > 0) {
Iterator it = tEsamples.iterator();
while (it.hasNext()) {
TEsample tEsample = (TEsample) it.next();
bf.append("<li>");
String picM = tEsample.getCoverPic();
if(picM.indexOf("_s") > 0){
picM = picM.replace("_s", "_m");
}
bf.append("<div class=\\\"img\\\"><a href=\\\"http://ecatalog.oodii.com/").append(tEsample.getId()).append(".html\\\" target=\\\"_blank\\\"><img src=\\\"http://image.oodii.com/").append(picM).append("\\\" width=\\\"120\\\" height=\\\"144\\\" \\/><\\/a><\\/div>");
bf.append("<div class=\\\"title\\\"><a title=\\\"").append(tEsample.getEsampleName()).append("\\\" href=\\\"http://www.oodii.com/catalog.action?id=").append(tEsample.getId())
.append("\\\" target=\\\"_blank\\\">").append(tEsample.getEsampleName()).append("<\\/a><\\/div>");
bf.append("<\\/li>");
}
}
bf.append("<\\/ul><\\/div><\\/body><\\/html>");
String wr = "document.writeln(\""+bf.toString()+"\");";
OutputStreamWriter osw = null;
try {
osw = new OutputStreamWriter(new FileOutputStream(request.getSession().getServletContext().getRealPath(ledFile), false),"UTF-8");
osw.write(wr, 0, wr.length());
}catch(Exception ex){
ex.printStackTrace();
}finally{
try {
osw.flush();
osw.close();
} catch (IOException e) {
e.printStackTrace();
}
}
}
分享到：
相关推荐
HTML页面转换为图片的技术在网页开发中非常有用，例如用于屏幕截图、页面预览或社交媒体分享。`html2canvas`是一个流行的JavaScript库，它能够将HTML元素渲染为Canvas，进而可以将其转换为图像格式，如JPEG、PNG或...
本项目“html js简繁转换”旨在实现一种基于JavaScript的解决方案，允许用户在HTML页面上轻松地切换简体与繁体文字，无需刷新页面。这个功能对于具有多语言环境的网站尤其有用，它提升了用户体验，使用户可以按照...
2. **引入JavaScript库**：在HTML页面中，通过`<script>`标签引入jQuery.js和spark-md5.js。jQuery库可以帮助简化DOM操作，而spark-md5.js则是计算MD5的关键。 3. **监听文件选择事件**：使用jQuery监听文件选择器...
"HTML简繁转换"这个主题就是关于如何在HTML页面中集成JavaScript（JS）代码来实现这一功能。 简体中文和繁体中文是中文的两种主要书写形式，简体中文主要在中国大陆使用，而繁体中文则在台湾、香港、澳门以及海外...
"js在线html转换pdf"的主题指的是使用JavaScript技术将HTML页面转换成PDF文件，以便用户可以离线查看或打印。 在Web开发中，实现这个功能通常有以下几种方法： 1. **使用浏览器API**：HTML5引入了一些新特性，如`...
JavaScript，作为前端开发的主要语言之一，具有丰富的库和工具，其中之一就是用于文字编码转换的工具。简体繁体转换插件利用JavaScript的强大功能，可以在用户浏览器端完成文字的转换工作，无需服务器端的额外处理。...
在JavaScript的世界里，将HTML页面转换为图片并允许用户下载保存是一种常见的需求，例如用于屏幕截图、页面预览或者数据可视化。本篇文章将详细介绍如何利用`html2canvas.js`和`canvas2image.js`这两个库来实现这个...
标题中的“html转换成js输出”指的是将HTML代码转换为JavaScript语法，以便在浏览器环境中动态渲染HTML内容。这种技术常用于提高网页加载速度，减少HTTP请求，或者在某些情况下，如实现服务器端渲染（SSR）或客户端...
1. 引入jsWord库：在HTML页面中引入jsWord的JS文件。 2. 获取HTML内容：通过DOM操作获取需要转换的HTML部分。 3. 创建Word文档：使用jsWord的API创建一个新的Word文档对象。 4. 添加HTML内容：将获取的HTML内容添加...
1. **html2Canvas.js**: 这是一个开源JavaScript库，能够将HTML元素转换为canvas对象，进一步可以将canvas内容转化为图片（通常为JPEG或PNG格式）。html2Canvas通过在浏览器环境中模拟渲染树，将HTML和CSS样式转换...
HTML2canvas是一个JavaScript库，它的主要功能是将HTML页面的内容渲染成Canvas图像，进而可以转换为JPEG、PNG或SVG格式的图片。这个技术在Web开发中有着广泛的应用，尤其是在H5（HTML5）开发中，比如创建屏幕截图、...
此外，为确保兼容性，可能还需要对老版本浏览器进行适配，使用Babel将ES6+的代码转换为更广泛的浏览器支持的语法。 总结来说，实现动态京东页面需要掌握HTML的结构设计，CSS的样式控制，以及JavaScript的动态功能...
本主题聚焦于利用HTML5来实现页面之间的上下切换效果，这种效果常见于移动应用中，能为用户提供流畅的导航体验。 首先，我们要理解HTML5的核心特性之一是离线存储能力，通过`Application Cache`或`Service Worker`...
本文将深入探讨“中文繁体转换js”这一技术，以及如何利用JavaScript实现这一功能，以便在网页中实现实时的文字转换。 首先，我们需要理解简体中文和繁体中文的区别。简体中文是中国大陆广泛使用的文字形式，而繁体...
使用html-docx-js库，我们可以将HTML内容转换为Word文档。这个库会解析HTML元素并生成一个符合DOCX格式的zip文件。首先，你需要在项目中引入这个库，然后编写函数来处理HTML内容并生成Word文档。 2. **页面视图...
同时，为了保证兼容性和性能，可能需要引入jQuery或Vue.js等框架，或者使用Babel将ES6语法转换为浏览器能识别的ES5。 综上所述，HTML5和JavaScript的结合为制作富有创意的示爱页面提供了无限可能。开发者可以通过...
标题"钱的中文和数字转换的js和事例页面"表明我们有一个JavaScript实现的函数，专门处理这种转换，并且有一个名为"index"的示例页面用于展示其工作原理。这个功能的实现可能涉及到将阿拉伯数字（如1, 2, 3等）转化为...
总结，通过html2docx和FileSaver.js这两个JavaScript库，我们可以轻松地在前端实现将HTML内容导出为Word文档的功能。虽然这种方法有一定的局限性，但对于简单的HTML结构和样式，它已经足够满足大部分需求。对于更...
为了解决这个问题，我们可以采取另一种策略：先将HTML页面截图，再将截图转换为PDF。这种方法的优点在于，它可以准确地保留页面的视觉表现，而不受HTML代码结构的影响。通常，我们可以使用像Puppeteer这样的自动化...
1. **HTML转JS**：将HTML文件转换为JavaScript字符串，使得HTML内容可以在JavaScript中动态创建和插入。这对于动态生成网页内容或在JavaScript环境中运行HTML非常有用。 2. **JS转HTML**：可能支持将内联JavaScript...