“选择iframe中的所有文字”按钮？

Question

我在网页上有一个iframe。这个iframe源自我的服务器上的.txt文件（即显示内容）。

我想实现一个按钮（当然位于iFrame之外），当单击时，选择iFrame中的所有文本。

这可能吗？ （例如，通过jQuery / JavaScript。）

Answer 1

iframes有一个名为contentDocument的DOM属性，它返回由frame或iframe元素生成的文档对象。

HTML

<iframe id="frame" src="file.txt"></iframe>
<!-- points to the text file -->

<button id="selectText">Copy Text</button>
<!-- button to copy the text -->

JS

var selButtom = document.getElementById('selectText'); //store the button value in a variable
var frame = document.getElementById('frame'); // store iframe in variable

selButtom.addEventListener("click", function(){
    var frameContent = frame.contentDocument; // get content of iframe
    frameContent.execCommand('selectAll'); // execute select command
},false);

Answer 2

使用iFrameName.window你可以使用iframe页面的任何方法。

要选择文本，您可以尝试https://code.google.com/p/rangy/。只需简单地将所有document.body替换为iFrameName.window.document.body。

或者一种简单的替代方式：只需使用iFrameName.window.document.execCommand("selectAll")。