css3 input before

时间2023-10-22 10:32:02发布访客分类CSS浏览675

导读：本文将主要讨论的是使用iframe标签嵌入网站的方式和利用JavaScript全局刷新iframe的方法。在文章中我们将介绍如何使用iframe标签嵌入一个新的HTML页面，并且细致地解释如何使用JavaScript代码去调用iframe标...

本文将主要讨论的是使用iframe标签嵌入网站的方式和利用JavaScript全局刷新iframe的方法。在文章中我们将介绍如何使用iframe标签嵌入一个新的HTML页面，并且细致地解释如何使用JavaScript代码去调用iframe标签实现全局的页面刷新。相信在网页开发中，很多人都用过iframe框架，在某些情况下，它可以为我们提供极大的帮助。但是，如何在使用iframe嵌入网页的同时，实现该iframe页面中的JS代码的全局刷新呢？这一点就需要了解在JS中如何去全局访问到iframe中的对象。需要注意的是，由于webkit、Mozilla或IE等浏览器核心的不同，不同的浏览器可能会遇到不同的问题，但是代码的实现逻辑是一致的。首先，需要在一个HTML页面上嵌入一个iframe页面。下面我们一起来看代码：

html>
    head>
    /head>
    body>
    iframe name="child_frame" src="child.html">
    /iframe>
    /body>
    /html>

在上面的代码中，我们嵌入了一个新的child.html页面。现在的问题是，如何在父级页面中使用JavaScript代码去访问和操作这个已嵌入的子页面。接下来，我们可以在父级页面写入如下代码：

html>
    head>
       script type="text/javascript">
     function doRefresh(){
            document.frames['child_frame'].location.reload();
        }
       /script>
    /head>
    body>
    iframe name="child_frame" src="child.html">
    /iframe>
    input type="button" value="Refresh" onclick="doRefresh();
    ">
    /body>
    /html>

在上面的代码中，我们定义了一个名为doRefresh()的函数，目的是通过document.frames数组来访问到刚刚嵌入页面的IFrame对象。然后我们调用location.reload()方法来刷新iframe内部的子页面。最后，添加一个按钮，通过事件的触发方式来达到我们的预期目的。这样，在点击按钮时，我们就可以执行doRefresh()函数并向该函数传递子页面的name值进行Iframe页面刷新。尽管在不同的浏览器中，该方法的实现逻辑会稍有不同，但我们相信，本文对大家理解iframe强大功能的实现方案和逻辑作用能够提供一定的帮助。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！

若转载请注明出处： css3 input before
本文地址： https://pptw.com/jishu/505751.html

css3 loading 效果 css3 rotate 菜鸟