用户登录
用户注册

分享至

htmlwordjs

  • 作者: 大驴的
  • 来源: 51数据库
  • 2020-04-21

1.js怎么讲html页面保存word

js怎么将html页面保存word,我们需要使用自己编写的函数,然后在通过moveToElementText这个函数获取到html的内容,然后在保存就可以了,这里我提交一段代码:23测试HTML导出内容至WORD433343536爱情公寓第三季成绩表3738394041名次424344姓名454647总分48495051522012001535455曾小贤5657588659606162632012002646566胡一菲6768698570717273747576777879。

2.js 怎么讲html页面保存word

js 怎么将html页面保存word,我们需要使用自己编写的函数,然后在通过moveToElementText这个函数获取到html的内容,然后在保存就可以了,这里我提交一段代码: 2 3 测试HTML导出内容至WORD 4 <script type="text/javascript" language="javascript"> 5 //指定页面区域内容导入Word 6 function exportToWord(controlId) { 7 var control = document.getElementById(controlId); 8 try { 9 var oWD = new ActiveXObject("Word.Application");10 var oDC = oWD.Documents.Add("", 0, 1);11 var oRange = oDC.Range(0, 1);12 var sel = document.body.createTextRange();13 try {14 sel.moveToElementText(control);15 } catch (notE) {16 alert("导出数据失败,没有数据可以导出。

");17 window.close();18 return;19 }20 sel.select();21 sel.execCommand("Copy");22 oRange.Paste();23 oWD.Application.Visible = true;24 //window.close();25 }26 catch (e) {27 alert("导出数据失败,需要在客户机器安装Microsoft Office Word(不限版本),将当前站点加入信任站点,允许在IE中运行ActiveX控件。");28 try { oWD.Quit(); } catch (ex) { }29 //window.close();30 }31 }32 </script>333435 36 爱情公寓第三季成绩表37 38

39 40 43 46 49 50 51 54 57 60 61 62 65 68 71 72
41 名次42 44 姓名45 47 总分48
52 201200153 55 曾小贤56 58 8659
63 201200264 66 胡一菲67 69 8570
73 74 75 76 77 7879。

3.js 怎么讲html页面保存word

js 怎么将html页面保存word,我们需要使用自己编写的函数,然后在通过moveToElementText这个函数获取到html的内容,然后在保存就可以了,这里我提交一段代码: 2 3 测试HTML导出内容至WORD 4 333435 36 爱情公寓第三季成绩表37 38

39 40 43 46 49 50 51 54 57 60 61 62 65 68 71 72
41 名次42 44 姓名45 47 总分48
52 201200153 55 曾小贤56 58 8659
63 201200264 66 胡一菲67 69 8570
73 74 75 76 77 7879。

4.JAVA+JS如何在HTML页面上显示WORD文档内容

package com.cectsims.util; import java.io.BufferedInputStream; import java.io.File; import java.io.IOException; import java.io.InputStream; import com.artofsolving.jodconverter.DocumentConverter; import com.artofsolving.jodconverter.openoffice.connection.OpenOfficeConnection; import com.artofsolving.jodconverter.openoffice.connection.SocketOpenOfficeConnection; import com.artofsolving.jodconverter.openoffice.converter.OpenOfficeDocumentConverter; /** * doc docx格式转换 */ public class DocConverter { private static final int environment = 1;// 环境 1:windows 2:linux private String fileString;// (只涉及pdf2swf路径问题) private String outputPath = "";// 输入路径 ,如果不设置就输出在默认的位置 private String fileName; private File pdfFile; private File swfFile; private File docFile; public DocConverter(String fileString) { ini(fileString); } /** * 重新设置file * * @param fileString */ public void setFile(String fileString) { ini(fileString); } /** * 初始化 * * @param fileString */ private void ini(String fileString) { this.fileString = fileString; fileName = fileString.substring(0, fileString.lastIndexOf(".")); docFile = new File(fileString); pdfFile = new File(fileName + ".pdf"); swfFile = new File(fileName + ".swf"); } /** * 转为PDF * * @param file */ private void doc2pdf() throws Exception { if (docFile.exists()) { if (!pdfFile.exists()) { OpenOfficeConnection connection = new SocketOpenOfficeConnection(8100); try { connection.connect(); DocumentConverter converter = new OpenOfficeDocumentConverter(connection); converter.convert(docFile, pdfFile); // close the connection connection.disconnect(); System.out.println("****pdf转换成功,PDF输出:" + pdfFile.getPath()+ "****"); } catch (java.net.ConnectException e) { e.printStackTrace(); System.out.println("****swf转换器异常,openoffice服务未启动!****"); throw e; } catch (com.artofsolving.jodconverter.openoffice.connection.OpenOfficeException e) { e.printStackTrace(); System.out.println("****swf转换器异常,读取转换文件失败****"); throw e; } catch (Exception e) { e.printStackTrace(); throw e; } } else { System.out.println("****已经转换为pdf,不需要再进行转化****"); } } else { System.out.println("****swf转换器异常,需要转换的文档不存在,无法转换****"); } } /** * 转换成 swf */ @SuppressWarnings("unused") private void pdf2swf() throws Exception { Runtime r = Runtime.getRuntime(); if (!swfFile.exists()) { if (pdfFile.exists()) { if (environment == 1) {// windows环境处理 try { // Process p = r.exec("D:/Program Files/SWFTools/pdf2swf.exe "+ pdfFile.getPath() + " -o "+ swfFile.getPath() + " -T 9"); Process p = r.exec("C:/Program Files (x86)/SWFTools/pdf2swf.exe "+ pdfFile.getPath() + " -o "+ swfFile.getPath() + " -T 9"); System.out.print(loadStream(p.getInputStream())); System.err.print(loadStream(p.getErrorStream())); System.out.print(loadStream(p.getInputStream())); System.err.println("****swf转换成功,文件输出:" + swfFile.getPath() + "****"); if (pdfFile.exists()) { pdfFile.delete(); } } catch (IOException e) { e.printStackTrace(); throw e; } } else if (environment == 2) {// linux环境处理 try { Process p = r.exec("pdf2swf " + pdfFile.getPath() + " -o " + swfFile.getPath() + " -T 9"); System.out.print(loadStream(p.getInputStream())); System.err.print(loadStream(p.getErrorStream())); System.err.println("****swf转换成功,文件输出:" + swfFile.getPath() + "****"); if (pdfFile.exists()) { pdfFile.delete(); } } catch (Exception e) { e.printStackTrace(); throw e; } } } else { System.out.println("****pdf不存在,无法转换****"); } } else { System.out.println("****swf已经存在不需要转换****"); } } static String loadStream(InputStream in) throws IOException { int ptr = 0; in = new BufferedInputStream(in); StringBuffer buffer = new StringBuffer(); while ((ptr = in.read()) != -1) { buffer.append((char) ptr); } return buffer.toString(); } /** * 转换主方法 */ @SuppressWarnings("unused") public boolean conver() { if (swfFile.exists()) { System.out.println("****swf转换器开始工作,该文件已经转换为swf****"); return true; } if (environment == 1) { System.out.println("****swf转换器开始工作,当前设置运行环境windows****"); } else { System.out.println("****swf转换器开始工作,当前设置运行环境linux****"); } try { doc2pdf(); pdf2swf(); } catch (Exception e) { e.printStackTrace(); return false; } if (swfFile.exists()) { return true; } else { return false; } } /** * 返回文件路径 * * @param s */ public String getswfPath() { if (swfFile.exists()) { String tempString = swfFile.getPath(); tempString = tempString。

5.怎样在页面中调用js文件比如说,我在页面代码中已经加入<t 爱问知

一、JavaScript脚本语言的特性 JavaScript脚本语言是一种面向浏览器的网页脚本编程语言。

脚本语言有以下几个特性: 1、在客户端执行。完全在用户的计算机上运行,无须经过服务器。

2、面向对象。具有内置对象,也可以直接操作浏览器对象。

3、动态变化。可以对用户的输入作出反应,也可以直接对用户输出。

4、简单易用。JavaScript脚本语言虽然简单,但初学者也能快速掌握。

5、只能与HTML语言一起使用。要通过浏览器解释执行。

二、如何在HTML中加入JavaScript脚本 JavaScript采用的格式如下: JavaScript 语句 把上述语句放在HTML的与之间,也可放在与之间。 例子:在网页上显示“你好!”。

alert("你好!") 三、在浏览器地址栏直接执行JavaScript脚本 也可以在浏览器的地址栏中输入JavaScript语句,由浏览器直接执行。 如输入:javascript:alert(200*75) 四、调用JavaScript文件 可以将纯JavaScript的语句另外保存在一个"*。

js"的文件中,需要时再调用。 例子:调用test。

js文件,显示提示。 调用test。

js文件 test。js的文件内容如下: alert("这是被调用的语句。

") 五、注释语句 用表示注解部分,用作说明解释,浏览器不显示出来。 不要也可以。

另外,双斜线 "//" ,是JavaScript 的注释语句,它后面的语句不被执行。 六、变量的使用 变量的声明:Var usename 变量的赋值:usename="李国强" 例子:在网页上显示“李国强你好!”。

Var usename usename="李国强" alert(usename + "你好!") 七、数组 数组的定义:var name=new Array(5) 用 new 来生成数组。 数组的赋值:name[1]="Marry" 数组的初始化:var name=new Array("Marry","Petty","Mike","Jphn") 数组的引用:name[1] 注:数组的第一个素由1开始。

八、运算符与表达式 1、代数运算符:加(+)、减(-)、乘(*)、除(/)、取余(%)。 2、比较运算符:等于(==)、不等于(!=)、大于(>)、小于(=)、小于等于。

6.用html5如何开发网页word,ppt?

初次接触移动端,绝对单位的使用自己接触移动端开发是在2012年,那时候比较新潮的是制作WEB APP。

什么是WEB APP呢?所谓的WEB APP就是用网页模拟出原生语言(如iOS)开发的APP交互效果。虽然在表现层面上,HTML5表现突出,但不得不承认的是,在系统性能层面,WEB APP明显要差于原生应用(即Native APP)。

这也就使得WEB APP这条路暂时性的被堵住了。于是,移动端的开发方向逐渐向移动端网页倾斜。

对于PC端,我们一直使用的是px(像素)进行代码的书写,但是到了移动端,需要面临不同的分辨率。在2012年的时候,自己和团队成员在写移动端的时候,由于是初次接触,还是在使用px(像素)作为单位。

因为在2012年的时候,绝大多数的手机的屏幕大小都是320*480分辨率,所以,即便是使用像素作为单位进行移动端网页开发也是完全可以的。关于视口的知识,可点击查看——移动端H5知识-视口viewport横向百分比,纵向像素值随着移动端的继续发展,在2012年9月,iPhone5上市,开始引领“特殊分辨率”的发展,于是,320*480分辨率的手机屏幕在整个手机市场当中占有的份额越来越少,各种各样的分辨率如雨后春笋般冒了出来。

此时我们再进行固定像素进行开发明显是不明智的。于是,我们开始采用百分比(相对度量单位)进行盒模型横向属性(width、左右内边距、左右外边距)的制作,使用em(相对度量单位)实现文字的处理。

但盒模型纵向上还是使用固定像素作为单位。但是,这种操作导致了一个问题——主要表现在img标签的处理上。

对于图片来说,只需要设置横向百分比,纵向会自动等比例缩放。在列表页以及内容页还好,毕竟内容是自动撑开父级高度的;但是在首页或者二级页,但凡涉及到父级元素高度固定的盒模型,里面的img就会出现变形(压缩或者拉伸)的问题。

这个问题也是困扰了自己许久,但是一直没有找到一个非常好的解决办法。响应式布局当自己还在纠结img的处理时,2013年,在北京流行起了一种新的技术——响应式布局。

通过媒体查询,针对不同大小分辨率的设备,设置不同的样式。应该说,对移动端页面的开发帮助不大,原因在于,响应式的出现主要是因为我们希望一段代码能够同时适配PC端、平板电脑以及手机。

由于三种平台的样式以及用户体验应该是迥然不同的,那么此时,我们就需要有“断点”,在不同位置,有不同的样式,而在两个“断点”之间的样式,则使用相对单位做“渐变性的过渡”。应该说,响应式布局解决了典型的屏幕像素不同样式的问题,但是却依旧搞定不了之前的那个问题。

关于CSS3媒体查询的知识,可点击查看——移动端H5知识-CSS3媒体查询横向纵向均百分比在横向百分比,纵向像素值的方法无效时,自己能够想到的就是纵向也设置为百分比了,但是却发现,盒模型属性在纵向上的一些设置上是存在问题的,如padding-top/bottom、margin-top/bottom等。而文本属性中line-height在设置百分比时也并不是按照当前元素高度计算的。

于是,横纵向均设置为百分比的方法就破灭了~关于盒模型的一些问题以及背景的合理使用,可点击查看——移动端H5知识-百变盒模型以及移动端H5知识-背景的妙用横向纵向rem随着HTML5的发展,除了原来的em单位,又新增了rem单位。这两个单位都是相对单位。

1em表示的是当前元素一个字体大小的尺寸;而1rem,也表示的是一个字体大小的尺寸,但是是针对html标签进行计算的。相比之下,rem的计算起来要简单很多。

于是,自己尝试用rem解决横向以及纵向的设置,舍弃掉了百分比,发现还是挺不错的,算是兼容了绝大多数机型和浏览器。之后,在使用一款华为手机进行测试的时候,发现并不支持横向的rem。

于是,又需要想办法啦~~~正解 —— 横向百分比,纵向rem针对华为手机,我尝试了横向百分比,发现还是能够支持的,于是就折中了一下,横向使用百分比进行控制,纵向使用rem作为单位。此时能够实现所有浏览器的兼容。

优化正解 —— 横向百分比,纵向rem在横向使用百分比,纵向使用rem时,会由于计算产生一定的误差,于是,运用学习过的一些HTML5技术,进行移动端页面的优化,例如,使用CSS3的盒阴影替换掉边框。而对于rem,在计算中通常是存在一定的字体误差的(会计算出小数点),此时正好接触了一下淘宝的移动端页面,看到了一个不错的JS框架——flexible.js,通过这个框架对页面进行处理,能够防止小数点的出现。

关于flexible.js框架的具体用法,可点击查看——移动端H5知识-处理rem小数点 flexible.js优化正解2 —— 任性的使用固定像素来实现上个月月初,发现网易移动端的制作方法有些特殊,查看代码时发现,网易采用了固定像素进行书写,而通过MetaHandler.js进行了页面的控制。最近尝试了一下,感觉还是挺不错的,兼容也是比较好的,不失为一种好方法。

转载请注明出处51数据库 » htmlwordjs

软件
前端设计
程序设计
Java相关