在不更改URL或调用任何JavaScript函数的情况下加载内容_Javascript_Jquery_Html_Ajax

在不更改URL或调用任何JavaScript函数的情况下加载内容

javascript jquery html ajax

在不更改URL或调用任何JavaScript函数的情况下加载内容,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我发现了一个有多个页面的网站。当一个页面被点击时，内容被动态加载。我知道使用了AJAX，但如果不调用任何JavaScript函数，我就无法理解它是如何工作的。下面是一段代码： <a href="#" class="acted" onclick="return false;">1</a> <a href="#" onclick="return false;">2</a> <a href="#" onclick="return false;"

我发现了一个有多个页面的网站。当一个页面被点击时，内容被动态加载。我知道使用了AJAX，但如果不调用任何JavaScript函数，我就无法理解它是如何工作的。下面是一段代码：

<a href="#" class="acted" onclick="return false;">1</a>

<a href="#" onclick="return false;">2</a>

<a href="#" onclick="return false;">3</a>

有什么我遗漏的吗？

你从“Show source”中得到的代码吗？如果是这样的话，很可能页面上运行了一个脚本，以便在加载页面后动态连接事件处理程序，因此原始HTML中的onclick事件可能只是占位符

例如：

<html>
<head></head>
<body>
    <div id="main">This text is not clickable and has no action when clicked, but try to click me anyway just in case.</div>
</body>
<script>
    window.onload = function()
            { 
               document.getElementById("main").onclick = function() {
                                    return alert('Actually, I am clickable afterall!');
                                };
            };
</script>
</html>


此文本不可单击，单击时没有任何操作，但请尝试单击我，以防万一。
window.onload=函数（）
{ 
document.getElementById（“main”）.onclick=function（）{
返回警报（“实际上，我毕竟是可点击的！”）；
};
};

在上面的页面上，有一个名为“main”的div，它没有默认的onclick操作。但是，当页面加载时，会触发一个事件（在本例中为window.onload），该事件调用一些代码将函数附加到id为“main”的div的onclick属性。结果是，即使原始HTML未包含默认处理程序，main也可以单击，如果您执行“查看源代码”，您将看不到该处理程序（尽管如果您的浏览器具有开发人员工具，您可能可以看到它已连接）

我也在JS fiddle中提供了这一点：

（如果您不熟悉JSFIDLE，则右下角是呈现网页的位置，因此单击此处的文本，您应该会看到出现警告。）

是的，您缺少了一些内容。如果没有看到完整的代码，我们无法确定，但是这个页面可能使用jquery选择器来处理事件。例如，代码可能会声明所有“a”标记都获得与之关联的特定javascript函数。或者class=“acted”等的所有内容。看看：

但是如果没有调用函数，如何对click事件执行操作。应该有一个onclick函数，其中使用了jquery，对吗？