通过js脚本复制网页上的一个表格的不错实现方法
2023-06-13 09:13:51 时间
今天有人问我一个问题:如何通过js脚本复制网页上的一个表格?看起来似乎比较有难度,不过还是搞定了,顺便把解决这个问题的过程记录下来,希望能对写脚本的兄弟们有所帮助。
以前没有写过这种脚本,不过想起来前不久刚看到一个脚本可以实现全选HTML编辑器的内容,于是想到一个方案:使用脚本将该表格插入HTML编辑器中,然后全选HTML编辑器内容,执行HTML编辑器的复制命令,即可实现复制表格功能,很快搞定:
测试
测试表格
测试表格
测试表格
测试表格
文字
以前没有写过这种脚本,不过想起来前不久刚看到一个脚本可以实现全选HTML编辑器的内容,于是想到一个方案:使用脚本将该表格插入HTML编辑器中,然后全选HTML编辑器内容,执行HTML编辑器的复制命令,即可实现复制表格功能,很快搞定:
这样子功能是实现了,不过觉得有点不爽,必须借助HTML编辑器才可,不过从全选HTML编辑器的代码中,注意到了createTextRange()方法,这个方法以前就有用过,只是一直没深入研究过。在Msdn中发现只有Body、TextArea等对象支持createTextRange()方法,继续在msdn中仔细查阅了一下,createTextRange()返回的是一个 TextRange 对象,继续查阅 TextRange 对象,发现其有很多方法,先试了试findText方法,发现只能选中文字,不能选中对象,继续找,终于发现了moveToElementText就是我们要找的方法:
类似于这样的问题,可以想想以前有无写过见过类似的代码,如果没有也可以网上用关键字搜索一把,直接利用现有知识解决。msdn是一个非常好的宝库,就如小学学汉字的字典一样,从里面可以找到绝大部分所需要的资料。正应了那句话,自己动手丰衣足食:)
相关文章
- html如何只刷新页面指定,js控制页面刷新 JS刷新当前页面的几种方法总结
- 基于js原生算法+cocos游戏引擎+uni框架Cloud托管网页:开发2048小游戏域名发布版本
- 【JS 逆向百例】猿人学系列 web 比赛第五题:js 混淆 - 乱码增强,详细剖析
- 【Node.js】Express框架的基本使用
- 万能的 JavaScript,向网页中插入五线谱(abc.js)
- js模拟时钟详解编程语言
- 快速掌握JS操作MySQL数据库技巧(js操作mysql数据库)
- JS技术连接Oracle数据库实现数据交互(js连接oracle实例)
- 网页屏蔽(左右键,代码等)的非JS方法
- Highslide.js是一款基于js实现的网页中图片展示插件
- js判断enter事件
- js在Firefox与IE中对DOM对像的引用的比较
- 远离JS灾难css灾难之js私有函数和css选择器作为容器
- js延迟加载改变JS的位置加快网页加载速度
- JS实现网页百叶窗效果
- JS获得URL超链接的参数值实例代码
- web网页按比例显示图片实现原理及js代码
- JS网页播放声音实现代码兼容各种浏览器
- 几种延迟加载JS代码的方法加快网页的访问速度
- 用js的for循环获取radio选中的值
- ie浏览器使用js导出网页到excel并打印
- js图片实时加载提供网页打开速度