`

通过JavaScript脚本复制网页上的一个表格

 
阅读更多

<INPUT TYPE="button" value="复制测试表格" onclick="CopyTable()">
<INPUT TYPE="button" value="将剪切板内容输出到编辑器中" onclick="PastClipboardData()"><BR>
测试
<TABLE border="1" id="oTable">
<TR>
<TD>测试表格</TD>
<TD>测试表格</TD>
</TR>
<TR>
<TD>测试表格</TD>
<TD>测试表格</TD>
</TR>
</TABLE>文字<BR><BR>
<iframe id="editor" src="about:blank"></iframe>
<SCRIPT LANGUAGE="JavaScript">
<!--
function CopyTable()
{
CopyHtmlElement(oTable)
}

function CopyHtmlElement(obj)
{
editor.document.designMode = 'On'; // 将iframe变成可编辑模式,即HTML编辑器
editor.document.write("<body></body>"); // 初始化编辑器
editor.document.body.innerHTML = obj.outerHTML;
editor.document.body.createTextRange().select(); // 选中编辑器内所有内容
editor.document.execCommand("copy","",null); // 复制
}
function PastClipboardData()
{
editor.focus();
editor.document.execCommand("paste","",null); // 粘贴
}
-->
</SCRIPT>
这 样子功能是实现了，不过觉得有点不爽，必须借助HTML编辑器才可，不过从全选HTML编辑器的代码中，注意到了createTextRange()方 法，这个方法以前就有用过，只是一直没深入研究过。在Msdn中发现只有Body、TextArea等对象支持createTextRange()方法， 继续在msdn中仔细查阅了一下，createTextRange()返回的是一个 TextRange 对象，继续查阅 TextRange 对象，发现其有很多方法，先试了试findText方法，发现只能选中文字，不能选中对象，继续找，终于发现了moveToElementText就是我 们要找的方法：


<INPUT TYPE="button" value="选中测试表格" onclick="CopyTable()">
测试
<TABLE border="1" id="oTable">
<TR>
<TD>测试表格</TD>
<TD>测试表格</TD>
</TR>
<TR>
<TD>测试表格</TD>
<TD>测试表格</TD>
</TR>
</TABLE>文字
<SCRIPT LANGUAGE="JavaScript">
<!--
function CopyTable()
{
var txt = document.body.createTextRange();
txt.moveToElementText(oTable);
txt.select();
}
-->
</SCRIPT>

分享到：
| （转） createTextRange的text和htmltext的 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JAVASCRIPT 动态复制表格

    JAVASCRIPT 动态复制表格，不错的脚本，推荐你看下了。

    实用JavaScript脚本代码大全

    ### 实用JavaScript脚本代码详解 #### 一、屏蔽鼠标右键及禁止选取与复制功能 **1....以上介绍了一系列常用的JavaScript脚本代码及其应用场景，可以帮助开发者更好地控制和优化网页的表现和功能。

    40种网页常用脚本(javascript)

    根据给定文件的信息，我们可以总结出40种网页常用脚本（JavaScript）中的一部分关键知识点。这些脚本在网页开发中极为常见，并被广泛应用于控制用户交互、优化用户体验及实现特定功能等方面。以下是对文件中提及的...

    利用Jscrīpt复制网页中的表格到Excel中

    为了使表格能够被JavaScript脚本操作，我们通常会为其指定一个明确的ID。 ```html &lt;!-- 表格内容 --&gt; ``` #### 2. JavaScript代码实现 接下来，我们将使用JavaScript编写一个函数，该函数能够将表格中的数据...

    网页常用脚本大全

    - `oncontextmenu="window.event.returnValue=false"`：此脚本可完全禁止网页上的鼠标右键菜单显示，适用于防止用户通过右键访问网页元素或保存图片。 - `(false)&gt;`：专用于表格元素，阻止右键菜单出现。 - `...

    实现网页表格输入框批量粘贴

    网页表格批量粘贴功能是网页开发中的一个实用技巧，它允许用户从Excel或其他来源复制数据，然后一键粘贴到网页的表格中，极大地提高了数据录入的效率。在本实例中，我们将探讨如何利用JavaScript实现这一功能，特别...

    js excel 批量复制数据到 html（新）

    在IT领域，JavaScript是一种常用的客户端脚本语言，广泛应用于网页和网络应用开发。"js excel 批量复制数据到 html（新）"这个主题涉及到的是使用JavaScript技术将Excel文档中的数据高效地导入到HTML页面中，这对于...

    演示如何使用JS读取剪贴板内容将复制的表格转为图片上传

    在现代Web应用中，用户经常需要将数据从电子表格或者表格格式复制到网站上，而JavaScript作为客户端脚本语言，可以实现这样的交互功能。本文将详细介绍如何利用JavaScript读取剪贴板内容，并将其中的表格转换成图片...

    JavaScript网页特效范例宝典源码

    实例075 只有一个复选框时控制复选框的全选或反选 119 2.5 密码域 120 实例076 让您的密码域更安全 120 实例077 不提交表单自动检测密码域是否相同 121 2.6 表单应用 122 实例078 通过JavaScript控制表单的提交与...

    复制不能复制的网页文字

    在互联网使用过程中，有时我们会遇到一些网页的文字无法直接复制，这主要是由于网页开发者通过JavaScript等编程手段禁止了复制功能，以保护内容不被轻易盗用或出于其他目的。本文将介绍几种有效的方法来应对这种情况...

    使用表格布局网页.ppt

    对表格内容进行排序是组织数据的一种方式，这可能需要编程实现，或者借助于JavaScript等客户端脚本来完成。导入和导出表格内容则允许用户从外部文件（如Word文档或文本文件）中复制表格数据，或将现有表格数据保存到...

    Ajax动态表格，可适时添加行、删除行、复制行

    本话题将深入探讨如何实现一个动态表格，用户可以适时添加、删除和复制表格中的行。 首先，我们需要理解Ajax的工作原理。它通过JavaScript发送异步HTTP请求到服务器，获取或提交数据，然后使用JavaScript处理这些...

    网页中常用javascript源码

    在探讨“网页中常用javascript源码”的过程中，我们不仅能够深入了解JavaScript在网页开发中的核心应用，还能掌握一系列实用技巧，从而提升网页的交互性和用户体验。以下是对标题、描述及部分内容中提到的关键知识点...

    JavaScript-Web素材实例

    JavaScript是一种广泛应用于Web开发的脚本语言，尤其在前端...以上就是压缩包中所涵盖的JavaScript知识点，每个文件都是一个具体的应用示例，开发者可以通过研究这些代码来学习和理解JavaScript在实际项目中的应用。

    InDesign_ScriptingGuide_JS

    - 配置InDesign以支持JavaScript脚本的执行，通常这需要通过菜单项设置完成。 **3. 关键技术要点** - **对象模型**：了解InDesign内部的对象模型是进行脚本开发的基础。它定义了所有可用的对象、属性和方法，以及...

    用javascript实现把表格内容导出到excel和把excel里面内容导入表格的方法.docx

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言，它可以在客户端运行，为用户提供动态交互体验。在IT领域，特别是Web开发中，JavaScript被用来处理各种任务，包括数据的导入导出。本文将探讨如何使用...

    程序天下:JavaScript实例自学手册

    6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送 6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 ...

    .net页面实现表格上下左右移动光标

    JavaScript是一种强大的客户端脚本语言，它能够直接在用户的浏览器中运行，为网页添加动态功能。 首先，我们要创建一个基本的HTML页面，包含一个表格元素。在.NET环境中，可以使用ASP.NET的GridView或者Repeater等...

    javascript网页50种小技巧

    通过在`&lt;table&gt;`元素上设置`oncontextmenu="return false"`属性，可以阻止用户在表格上弹出浏览器的默认上下文菜单。这对于保护页面内容或实现自定义右键菜单很有帮助。 ### 2. 阻止文本选择 在`&lt;body&gt;`标签中添加...

Magicbox
Global site tag (gtag.js) - Google Analytics