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

Question

这个用按钮调用复制功能可以实现, 就是无法在页面加载后调用复制功能, 一直无法实现, 请各位前端大婶看看怎么解决! 谢谢!

Answer 1

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

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

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

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

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

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

Answer 2

比较简单的页面，可以采用‍

//放置在<header></header>之间window.onload = function(){ //在这里写js} //或其他javascript框架所定义的函数(也是应用onload)，比如jquery:$(function(){ }); //或将js放在页面底部，</body>之上。

对于比较复杂的页面，比如，某些数据（包括文字，图片，远程加载第三方的内容，以及来自后台通过异步调用耗时的数据等）加载，那么，就需要自定义一个loading函数，在loading函数中，判断所有内容均加载完成后，同时在未加载完成前，需要显示给用户一个加载中的界面，当完成加载后，隐藏或删除这个界面，最后‍来调用你希望的js函数。以防止不可预期性。本回答被网友采纳