如何在页面加载后调用js的代码自动复制一段文字

1、首先建立一个父级页面parenthtml,代码如图，一个pop函数方法，一个链接到childhtml的iframe标签。

2、再新建一个childhtml页面，如图，展示一个id=link的div标签，和link的点击事件，因为是调用父级方法，所以需要用到windowparentpop()方法。

3、预览页面，可明显看到parenthtml里面的iframe框架，指向的就是child子页面。

4、点击页面中“调用父级pop方法”的文字链，会提示错误，这是因为没配置好域名等相关设置。

5、打开iis，右键iframe文件夹——“管理文件夹”——“浏览”；即可打开本地测试地址；（如小伙伴没配置iis，需要先配置iis建立站点）。

6、再次点击“调用父级pop方法”的文字链，即可成功d出提示。

<script language="javascript">

var G=documentgetElementById;

function window_load(){

var str = "Test String";

//将字串放进剪贴板,执行完这个html页面后,你可以打开一个文本文件,按ctr+v看看

clipboardDatasetData("text",str);

//从剪贴板取值的方法,

//clipboardDatagetData("text");

//清空剪贴板的方法

//clipboardDataclearData();

}

</script>

可以使用clipboard插件解决这个问题。

github里直接搜索clipboard就可以找到了。

该插件并不依赖jquery。直接引入即可使用。

使用方法：

这里的btn是元素的class属性，可以使用任意id或者class以及元素节点名称来实例化插件。

默认会为元素绑定click事件，点击的时候会触发。

data-clipboard-target参数指定被复制内容的元素。

如上例，点击按钮后会将input的值“被复制的内容”几个字复制到剪切板中。

更多使用方法可以自行github查询。

以上就是关于如何在页面加载后调用js的代码自动复制一段文字全部的内容，包括:如何在页面加载后调用js的代码自动复制一段文字、求一个用js实现复制粘贴的所有内容、JavaScript如何点击实现复制文字到剪切板呢等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！