zoukankan      html  css  js  c++  java
  • 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','')">

     

     

     

    代码如下:<input type=button value=刷新 onclick="history.go(0)">

    代码如下:<input type=button value=刷新 onclick="location.reload()">

    代码如下:<input type=button value=刷新 onclick="location=location">

    代码如下:<input type=button value=刷新 onclick="window.navigate(location)">

    代码如下:<input type=button value=刷新 onclick="location.replace(location)">

    下面这三种我就不知道该怎么用了,就把代码放在下面吧,哪位要是会的话,可教教大家。

    <input type=button value=刷新 onclick="document.execCommand(@#Refresh@#)">

    <input type=button value=刷新 onclick="window.open(@#自身的文件@#,@#_self@#)">

    <input type=button value=刷新 onClick=document.all.WebBrowser.ExecWB(22,1)>

     

     

     


    父页面中存在两个iframe,一个iframe中是一个链接列表,其中的链接指向另一个iframe,用于显示内容。现在当内容内容添加后,在链接列表中添加了一条记录,则需要刷新列表iframe。

    在内容iframe的提交js中使用parent.location.reload()将父页面全部刷新,因为另一个iframe没有默认的url,只能通过列表选择,所以只显示了列表iframe的内容。

    使用window.parent.frames["列表iframe名字"].location="列表url"即可进刷新列表iframe,而内容iframe在提交后自己的刷新将不受影响。

     

     

     

     

     

     

    document.frames("refreshAlarm").location.reload(true); //ok

    document.frames("refreshAlarm").document.location.reload(true); //ok

    document.frames("refreshAlarm").document.location="/public/alarmsum.asp";//ok

    document.getElementByIdx_x("refreshAlarm").src="/public/alarmsum.asp" mce_src="/public/alarmsum.asp"; //ok

    document.frames("refreshAlarm").src="/public/alarmsum.asp" mce_src="/public/alarmsum.asp"; //没变化,没动静

    注意区别,document.all.refreshAlarm 或 document.frames("refreshAlarm") 得到的是information.asp页面中那个iframe标签,所以对src属性操作有用。
    document.frames("refreshAlarm").document得到iframe里面的内容,也就是"/public/alarmsum.asp"中的内容。

    这里需要补充说明的是:

    采用document.getElementByIdx_x获取后reload是不可以的

    但是可以这样

    var myiframe = document.getElementByIdx_x("iframe1");

    myiframe.src = myiframe.src; //这样同样可以起到刷新的效果。


    自动刷新页面


    javascript(js)自动刷新页面的实现方法总结2008-04-18 13:24
    自动刷新页面的实现方法总结:

    1)
    <meta http-equiv="refresh"content="10;url=跳转的页面">
    10表示间隔10秒刷新一次
    2)
    <script language=''javascript''>
    window.location.reload(true);
    </script>
    如果是你要刷新某一个iframe就把window给换成frame的名字或ID号
    3)
    <script language=''javascript''>
    window.navigate("本页面url");
    </script>
    4>

    function abc()
    {
    window.location.href="/blog/window.location.href";
    setTimeout("abc()",10000);
    }

    刷新本页:
    Response.Write("<script language=javascript>window.location.href=window.location.href;</script>")

    刷新父页:
    Response.Write("<script language=javascript>opener.location.href=opener.location.href;</script>")

    转到指定页:
    Response.Write("<script language=javascript>window.location.href='yourpage.aspx';</script>")


    刷新页面实现方式总结(HTML,ASP,JS)
    'by aloxy

    定时刷新:
    1,<script>setTimeout("location.href='url'",2000)</script>

    说明:url是要刷新的页面URL地址
    2000是等待时间=2秒,

    2,<meta name="Refresh" content="n;url">

    说明:
    n is the number of seconds to wait before loading the specified URL.
    url is an absolute URL to be loaded.
    n,是等待的时间,以秒为单位
    url是要刷新的页面URL地址

    3,<%response.redirect url%>

    说明:一般用一个url参数或者表单传值判断是否发生某个操作,然后利用response.redirect 刷新。

    4,刷新框架页
       〈script language=javascript>top.leftFrm.location.reload();parent.frmTop.location.reload();</script〉

    弹出窗体后再刷新的问题


    Response.Write("<script>window.showModalDialog('../OA/SPCL.aspx',window,'dialogHeight: 300px; dialogWidth: 427px; dialogTop: 200px; dialogLeft: 133px')</script>");//open
                 Response.Write("<script>document.location=document.location;</script>");

    在子窗体页面代码head中加入<base target="_self"/>

    刷新的内容加在    if (!IsPostBack) 中

    在框架页中右面刷新左面
        //刷新框架页左半部分
        Response.Write("<script language=javascript>");
        Response.Write("parent.left.location.href='PayDetailManage_Left.aspx'");
        Response.Write("</script>");


    页面定时刷新功能实现

    有三种方法:
    1,在html中设置:
    <title>xxxxx</title>之後加入下面这一行即可!
    定时刷新:<META HTTP-EQUIV="Refresh" content="10">
    10代表刷新间隔,单位为秒

    2.jsp
    <% response.setHeader("refresh","1"); %>
    每一秒刷新一次

    3.使用javascript:
    <script language="javascript">
    setTimeout("self.location.reload();",1000);
    <script>
    一秒一次


    页面自动跳转:
    1,在html中设置:
    <title>xxxxx</title>之後加入下面这一行即可!
    定时跳转并刷新:<meta http-equiv="refresh" content="20;url=http://自己的URL">,
    其中20指隔20秒后跳转到http://自己的URL 页面。


    点击按钮提交表单后刷新上级窗口

    A窗口打开B窗口

    然后在B里面提交数据至C窗口

    最后要刷新A窗口

    并且关闭B窗口

    几个javascript函数

    //第一个自动关闭窗口
    <script language="javascript">
    <!--
    function clock(){i=i-1
    document.title="本窗口将在"+i+"秒后自动关闭!";
    if(i>0)setTimeout("clock();",1000);
    else self.close();}
    var i=2
    clock();
    //-->
    </script>

    //第二个刷新父页面的函数

    <script language="javascript">
    opener.location.reload();
    </script>


    //第三个打开窗口

    <script language="javascript">
    function show(mylink,mytitle,width,height)
    {mailwin=window.open(mylink,mytitle,'top=350,left=460,width='+width+',height='+height+',scrollbars=no')}
    </script>

  • 相关阅读:
    momentjs时间格式插件
    TagCanvas 插件
    Vue2.0 探索之路——生命周期和钩子函数的一些理解
    vue.js学习:1.0到2.0的变化(区别)
    dom操作节点之常用方法
    javascript 中 x offsetX clientX screenX pageX的区别
    Vuex详解笔记2
    Vuex详解笔记1
    Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解决方法
    CSS技巧和经验列表
  • 原文地址:https://www.cnblogs.com/guozhe/p/3429513.html
Copyright © 2011-2022 走看看