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

如何在页面加载后调用js的代码自动复制一段文字,第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方法”的文字链,即可成功d出提示。

/1、网页代码如下:

<script language=javascript>

   // 自动 COPY 代码开始

   function MM_findObj(n, d) { //v4.0

   var p,i,x if(!d) d=document if((p=n.indexOf("?"))>0&&parent.frames.length) {

   d=parent.frames[n.substring(p+1)].document n=n.substring(0,p)}

   if(!(x=d[n])&&d.all) x=d.all[n] for (i=0!x&&i<d.forms.lengthi++) x=d.forms[n]

   for(i=0!x&&d.layers&&i<d.layers.lengthi++) x=MM_findObj(n,d.layers.document)

   if(!x && document.getElementById) x=document.getElementById(n) return x

   }

   function JM_cc(ob){

   var obj=MM_findObj(ob) if (obj) {

   obj.select()js=obj.createTextRange()js.execCommand("Copy")}

   alert("复制成功!您可以将本页推荐给您QQ或者论坛上的朋友阅读!")

   }

   

   // 自动 COPY 代码结束

   document.write('<br><b><font color=red style=font-size:14px>点击复制推荐给您的朋友阅读:</font></b><input name="page_url" value="'+window.location.href+'" size="64" style=color:red value="点击复制地址给您的朋友阅读" onClick=JM_cc("page_url")>')

   </script>

2、复制的HTML代码的话,可以在代码前加上<span>,在代码后加上</span>。例:<span>这里是你复制的内容!!</span>。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8339180.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存