JS实现刷新操作与选择iframe的方法

JS实现刷新操作与选择iframe的方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>
<iframe src="3.php" name="p"></iframe>
<script language="javascript">
 var temp = document.frames('p').document.getElementByid('idv').innerHTML='可以这样操作不喽!';
</script>
</body>
</html>

JS实现刷新iframe的方法

<iframe src="1.htm" name="ifrmname" id="ifrmid"></iframe>

方案一:用iframe的name属性定位

<input type="button" name="Button" value="Button"
onclick="document.frames('ifrmname').location.reload()">

  或

<input type="button" name="Button" value="Button"
onclick="document.all.ifrmname.document.location.reload()">

  方案二:用iframe的id属性定位

<input type="button" name="Button" value="Button"
onclick="ifrmid.window.location.reload()">

  终极方案:当iframe的src为其它网站地址(跨域操作时)

<input type="button" name="Button" value="Button"
onclick="window.open(document.all.ifrmname.src,'ifrmname','')">

1. 打印iframe
     eg. frameName.document.execCommand('print');
2. 获取iframe
    eg. var ifr_window = window.frames["frameName"];
3. 获取iframe中的元素
   eg1. 将iframe中id为elementId 的元素置为不显示:
         var ifr_window = window.frames["frameName"];
         ifr_window.elementId.style.display = 'none';
  eg2. 获取iframe中id为listTable的表格
        var oTable =   window.frames["myFrame"].document.all.listTable;
4. 隐藏或显示表格的某列
    js函数:
    function setHiddenOrShowCol(oTable, iCol, type) {
        for (i = 0; i < oTable.rows.length ; i++)  {
            oTable.rows[i].cells[iCol].style.display = type;
        }
    }
    调用举例,将id为listTable的表格元素的第4列置为不显示:
    var oTable =   window.frames["myFrame"].document.all.listTable;
    setHiddenOrShowCol(oTable, 3, 'none');
    调用举例2,将id为listTable的表格元素的第4列置为显示:
    var oTable =   document.frames.myFrame.document.all.listTable;
    setHiddenOrShowCol(oTable, 3, 'block');
 
 js访问iframe(兼容ie&ff)
 
<iframe id=ifrm name=ifrm2 src=ifrm.htm></iframe>
<input type=button value=ie onclick=alert(document.frames[0].document.documentElement.innerText)>
<input type=button value=ie2 onclick=alert(window.frames[0].document.documentElement.innerText)>
<input type=button value=ie3 onclick=alert(document.getElementById("ifrm").contentWindow.document.documentElement.innerText)>
<input type=button value=ff onclick=alert(document.getElementById("ifrm").contentDocument.documentElement.textContent)>
<input type=button value=ff2 onclick=alert(document.getElementById("ifrm").contentWindow.document.documentElement.textContent)>
<input type=button value=ff3 onclick=alert(window.frames[0].document.documentElement.textContent)>
<input type=button value=get onclick=alert(document.getElementById("ifrm").contentWindow.document.getElementById('txt').value)>
<input type=button value=get2 onclick=alert(window.frames[0].document.getElementById('txt').value)>
<input type=button value=get3 onclick=alert(window.frames['ifrm2'].document.getElementById('txt').value)>
<input type=button value=src onclick=alert(document.getElementById('ifrm').src)>
<input type=button value=src2 onclick=alert(window.frames[0].location.href)>

时间: 2024-09-09 00:18:46

JS实现刷新操作与选择iframe的方法的相关文章

js无刷新操作table的行和列

 这篇文章主要介绍了js操作table的行和列,无刷新实现,需要的朋友可以参考下 代码仅供参考 如果强行复制请修改页面id   代码如下: //查询数据库符合条件的数据  function SelectAlterNativeVenues(field)  {  var xmlhttp;  var pid = document.getElementById("nameandaddress").value;  var url = "${RetrieveURL}?accessorTy

js无刷新操作table的行和列_javascript技巧

代码仅供参考 如果强行复制请修改页面id 复制代码 代码如下: //查询数据库符合条件的数据 function SelectAlterNativeVenues(field) { var xmlhttp; var pid = document.getElementById("nameandaddress").value; var url = "${RetrieveURL}?accessorType=${AccessorType}"; url = url+"&

js实现刷新iframe的方法汇总

 js实现刷新iframe的方法汇总 这里给大家汇总了一些js实现刷新iframe框架的方法,非常的简单实用,有需要的小伙伴可以参考下.     javascript实现刷新iframe的方法的总结,现在假设存在下面这样一个iframe,则刷新该iframe的N种方法有:    代码如下: <iframe src="1.htm" name="ifrmname" id="ifrmid"></iframe>   第一种方法:用

js实现刷新iframe的方法汇总_javascript技巧

javascript实现刷新iframe的方法的总结,现在假设存在下面这样一个iframe,则刷新该iframe的N种方法有: 复制代码 代码如下: <iframe src="1.htm" name="ifrmname" id="ifrmid"></iframe> 第一种方法:用iframe的name属性定位 复制代码 代码如下: <input type="button" name="B

JS获取并操作iframe中元素的方法_javascript技巧

JS获取/设置iframe内对象元素.文档的几种方法 1.IE专用(通过frames索引形象定位): 复制代码 代码如下: document.frames[i].document.getElementById('元素的ID'); 2.IE专用(通过iframe名称形象定位): 复制代码 代码如下: document.frames['iframe的name'].document.getElementById('元素的ID'); 以上方法,不仅对iframe适用,对frameset里的frame也同

js实现防止被iframe的方法_javascript技巧

本文实例讲述了js实现防止被iframe的方法.分享给大家供大家参考.具体如下: 方法一: <script> // Break out of an iframe, if someone shoves your site // into one of those silly top-bar URL shortener things. // // Passing `this` and re-aliasing as `window` ensures // that the window object

JS+CSS实现实用的单击输入框弹出选择框的方法

 这篇文章主要介绍了JS+CSS实现实用的单击输入框弹出选择框的方法,实例分析了javascript操作select及button的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JS+CSS实现实用的单击输入框弹出选择框的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o

js实现下拉框选择要显示图片的方法

 这篇文章主要介绍了js实现下拉框选择要显示图片的方法,涉及针对js操作select的技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了js实现下拉框选择要显示图片的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 <html> <title>下拉框选择要显示的图片</title> <body> <img width=320 height=240 src="images

jquery+ajax+C#实现无刷新操作数据库数据的简单实例

 本篇文章主要是对jquery+ajax+C#实现无刷新操作数据库数据的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 我们知道同步执行和异步执行的区别,为了更好的提高用户的体验,我们都会采用异步方式去处理一些问题,毕竟单线程的同步可能回造成卡死等现象,很不友好,所以可以使用ajax来完成用户的体验,现在我们就来说说如何使用jquery的ajax来实现无刷新的获取内容   我们只是单方面的获取内容,分页等就不考虑了,后期会讲到无刷新的分页   页面中我们放置一个Div容器用来存