<table width="99%" border="0" cellpadding="0" cellspacing="0" class="firtable">
<tr>
<th width="100%" style="color: white"><s:text name="询单明细"></s:text></th>
</tr>
<tr>
<td align="center">
<textarea name="inquiryContact1" id="inquiryContact1" rows="15" cols="60" readonly="readonly"></textarea>
<div id="inquiryInfoDIV" style="display:none">
<s:property value="inquiryContact" escape="false"/>
</div>
<script>dojo.byId("inquiryContact1").innerText=dojo.byId("inquiryInfoDIV").innerText
</script>
</td></tr>
<tr>
<td align="center">
<input type="button" id="button" name="button" value="复制" onclick="copyContact()"/>
</td></tr></table>
<script type="text/javascript">
var i = 0
function copyContact(){
var contat = document.getElementById("inquiryContact1").value
window.clipboardData.setData('text', contat)
if(window.clipboardData.getData('text')==''){
if(i==1){
alert("复制失败,请手动Ctrl+C快捷键复制!")
}else{
alert("复制失败,请重新复制!")
i = 1
}
}else{
alert("内容已经复制到剪贴板!")
}
}
</script>
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方法”的文字链,即可成功弹出提示。