Question

有一个HTML页面使用Ajax Load() function将另一个HTML文件加载到当前的HTML文档中（加载到指定的元素中）。点击Links时，其他HTML页面加载正确。使用load（）加载的代码会导致添加到DOM，但源代码不会更改。您可以在页面中看到更改的html，但不能在源代码中看到。

使用JQuery Load() function时，DOM是否没有操作？

代码：

<html>
<head>
    <title>JQuery Learning</title>
<script type="text/javascript" src="..//jquery-1.9.0.min.js"></script>

<script type="text/javascript">
    $('document').ready(function(){
        $('#newslinks a').click(function() {
                var url=$(this).attr('href');
                $('#headlines').load(url+' #newsItem');
                return false;
        });
    });

</script>

</head>

<body>
    <ul id='newslinks'>
        <li><a href='today.html'>Today's News</a></li>
        <li><a href='yesterday.html'>Yesterday's News</a></li>
        <li><a href='week.html'>Last Week's News</a></li>
    </ul>

    <div id='headlines'>
        <h3>This is headlines of News</h3>
    </div>

</body>

</html>

Answer 1

使用Firebug查看HTML页面源时会出现问题加载另一个HTML页面后，页面源没有改变！

使用load()加载的代码会导致DOM的添加，但源代码不会更改。您可以在页面中看到已更改的html，但不会在源代码中看到。

使用JQuery Load（）函数后不要更改HTML DOM

1 个答案: