个人中心
gpt4 book ai didi

jquery - 如何使用 jQuery 重新加载 iframe

转载 作者：太空宇宙 更新时间：2023-11-04 15:24:57 25 4
gpt4 key购买 nike

我使用 iframe 在浏览器窗口中创建了一个基本浏览器:

目的是允许使用 jquery 对元素进行鼠标悬停样式设置，即/将所有链接突出显示为红色等...更改字体等。

我创建了两个文件:

浏览器.php

<html>
    <head>
        <title></title>

        <style>

        #netframe {
            float:right; 
            height: 100%; 
            width: 80%;
        }

        #sidebar {
            float:left; 
            height: 100%; 
            width: 20%;
        }

        </style>



    </head>
    <body>


    <div id="container">

        <div id="sidebar">

    Enter A URL:
            <input type="text" name="url" id="url">
            <input type="button" value="load" id="load">

            <br><br>    


        </div>

        <div id="netframe">
            <iframe height="100%" width="100%" class="netframe" src="pullsite.php" id="main_frame"></iframe>
        </div>

    </div>


    </body>
</html>

和pullsite.php

<html>

<head>

    <title></title>

    <link href="css/reset.css" rel="stylesheet" type="text/css">

    <style>
        .highlight { 
            outline-color: -moz-use-text-color !important;
            outline-style: dashed !important;
            outline-width: 2px !important;
        }
    </style>    

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>



</head>

    <body>

    <div id="contents">           

    <?php echo file_get_contents('http://www.google.com/webhp?hl=en&tab=iw'); ?>

    </div>

        <script>

        $("#contents").contents().find("a").addClass("highlight");

        </script>


    </body>


</html>

有人可以帮助我使用 jquery 代码允许用户在输入字段中输入新的 url 并重新加载 iframe。

谢谢!!!

最佳答案

某种 HTML:

<input type="text" name="url" id="url"/>
<input type="submit" name="go" id="go" value="Go!"/>
<iframe id="miniBrowser"></iframe>

jQuery:

$('#go').on('click', function() {
  $('#miniBrowser').attr('src', $('#url').val());
});

关于jquery - 如何使用 jQuery 重新加载 iframe，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3656866/

25 4 0
文章推荐： c++ - 在这种情况下如何正确执行 const_cast ？
文章推荐： c++ - 访问指向 vector C++ 的指针
文章推荐： c++ - qt类中的线程
文章推荐： c++ - 在 C++ 中通过 int id 跟踪少量结构类型的有效方法是什么？
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com