使用javascript或ajax在同一页面中打开链接

shibby1024

我所拥有的是左侧边栏中的链接列表以及右侧的主要内容区域,我希望能够单击左侧的链接,并在内容区域中打开每个“页面”,而不是重新加载新的页。我确定使用javascript或ajax相当容易,但我不确定如何。在此先感谢您的帮助!

迪伦

说你有

<div id='content'></div>

在右侧,在左侧的链接

<a href='#' id='contact_link'>Contact</a>

单击链接时,可以使用JQuery的load函数将div的内容与页面的内容一起加载:

$("#contact_link").click(function() {
    $("#content").load("contact.html");
});

如果您不使用JQuery,则可以在此处获取它,否则,可以使用纯JS来实现。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

偏移同一页面中的链接

来自分类Dev

同一页面链接无法使用具有id锚的rawurlencode()

来自分类Dev

如何区分servlet同一页面中的不同超链接?

来自分类Dev

如何使用ajax在提交表单的同一页面中显示echo结果

来自分类Dev

我可以使用htaccess从同一页面获得2个链接吗?

来自分类Dev

在同一页面中打开HTML表单

来自分类Dev

如何打开在同一页面中显示内容的每个链接

来自分类Dev

如何在不使用新标签页打开同一页面的情况下使用javascript刷新另一页面

来自分类Dev

使链接重定向到同一页面

来自分类Dev

如何刷新页面内容并使用javascript返回同一页面

来自分类Dev

React:如何链接到其他组件(在同一页面中打开)

来自分类Dev

在同一页面中通过ID链接进行响应

来自分类Dev

无论使用或不使用iframe代码或JavaScript,如何在同一页面或窗口中获取HTML结果中的超链接?

来自分类Dev

偏移同一页面中的链接

来自分类Dev

打开新页面,加载HTML,并按照同一页面中的链接进行操作:http://government.ru/en/

来自分类Dev

同一页面中的多个ajax表单无法正常工作

来自分类Dev

MVC Ajax无法正常工作。代替同一页面,在新页面中打开操作

来自分类Dev

使用javascript或ajax在同一页面中打开链接

来自分类Dev

如何区分servlet同一页面中的不同超链接?

来自分类Dev

Javascript + DOM-同一页面内的链接

来自分类Dev

如何将按钮链接到同一页面中的tabindex?

来自分类Dev

使用ajax获取控制器动作在同一页面中呈现

来自分类Dev

如何在javascript中链接到同一页面锚

来自分类Dev

在同一页面中停止多个AJAX请求

来自分类Dev

如何刷新页面内容并使用javascript返回同一页面

来自分类Dev

如何在同一页面中打开url,也可以使用javascript在newtab中打开

来自分类Dev

菜单不在同一页面内链接

来自分类Dev

在同一页面中调用 ajax 以显示更多数据

来自分类Dev

具有 AJAX 的同一页面中的多个日期选择器

Related 相关文章

  1. 1

    偏移同一页面中的链接

  2. 2

    同一页面链接无法使用具有id锚的rawurlencode()

  3. 3

    如何区分servlet同一页面中的不同超链接?

  4. 4

    如何使用ajax在提交表单的同一页面中显示echo结果

  5. 5

    我可以使用htaccess从同一页面获得2个链接吗?

  6. 6

    在同一页面中打开HTML表单

  7. 7

    如何打开在同一页面中显示内容的每个链接

  8. 8

    如何在不使用新标签页打开同一页面的情况下使用javascript刷新另一页面

  9. 9

    使链接重定向到同一页面

  10. 10

    如何刷新页面内容并使用javascript返回同一页面

  11. 11

    React:如何链接到其他组件(在同一页面中打开)

  12. 12

    在同一页面中通过ID链接进行响应

  13. 13

    无论使用或不使用iframe代码或JavaScript,如何在同一页面或窗口中获取HTML结果中的超链接?

  14. 14

    偏移同一页面中的链接

  15. 15

    打开新页面,加载HTML,并按照同一页面中的链接进行操作:http://government.ru/en/

  16. 16

    同一页面中的多个ajax表单无法正常工作

  17. 17

    MVC Ajax无法正常工作。代替同一页面,在新页面中打开操作

  18. 18

    使用javascript或ajax在同一页面中打开链接

  19. 19

    如何区分servlet同一页面中的不同超链接?

  20. 20

    Javascript + DOM-同一页面内的链接

  21. 21

    如何将按钮链接到同一页面中的tabindex?

  22. 22

    使用ajax获取控制器动作在同一页面中呈现

  23. 23

    如何在javascript中链接到同一页面锚

  24. 24

    在同一页面中停止多个AJAX请求

  25. 25

    如何刷新页面内容并使用javascript返回同一页面

  26. 26

    如何在同一页面中打开url,也可以使用javascript在newtab中打开

  27. 27

    菜单不在同一页面内链接

  28. 28

    在同一页面中调用 ajax 以显示更多数据

  29. 29

    具有 AJAX 的同一页面中的多个日期选择器

热门标签

归档