Question

这可能是常见问题。我看到了这个问题的几个答案。

使用jquery load
使用iframe

我尝试了两种方法，无法轻松加载。这是为了加载google.com而且它无法正常工作。

<html>
    <head>
        <title>hhh</title>
        <script src="jquery.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#content").attr("src","http://www.google.lk/");
            })
        </script>
    </head>
    <body>
        <iframe id="content" src="about:blank"></iframe>
    </body>
</html>

但是当我尝试加载w3schools.com时，它会加载到iframe

<html>
    <head>
        <title>hhh</title>
        <script src="jquery.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#content").attr("src","http://w3schools.com/");
            })
        </script>
    </head>
    <body>
        <iframe id="content" src="about:blank"></iframe>
    </body>
</html>

使用jQuery加载时，它也不起作用。

<html>
    <head>
        <script src="jquery.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#content").load("src","http://www.google.com/");
            })
        </script>
    </head>
    <body>
        <div id="content" src="about:blank"></div>
    </body>
</html>

在firebug栏中显示“GET http://www.google.com 302 Found 291ms”

有些身体帮我摆脱了这个。

Answer 1

使用jquery load显示div中的内容。 div没有src。

影响src iframe告诉您的浏览器获取内容并将其显示在iframe中。

load()的正确语法是：

<div id="content"></div>

和

$("#content").load("page.php");

顺便说一下，google.com不喜欢从其他网站加载，所以最好还是使用其他例子。

加载到div或iframe的Web链接

1 个答案: