点击一个链接可以在指定的div块中显示（使用jquery实现）

最新推荐文章于 2024-07-26 09:00:00 发布
最新推荐文章于 2024-07-26 09:00:00 发布
阅读量5k 收藏 4
点赞数 1
分类专栏： 做项目时不断积累的web之路小经验
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaokehai/article/details/51442207
版权

没有学过jquery,第一次知道实现这个功能

 

点击一个连接可以指定到一个div块里显示连接的内容

 

以前只知道这个效果使用框架ifram实现，现在有懂了另一个方式实现（有点小激动了，虽然这个对于大神来说好简单，但是对于我这个小小的~~~来说，是个喜悦(*^▽^*)）

 




 

xiaokehai
关注
专栏目录
js跳转新页面，指定div加载新页面
Vicco的博客
07-20 1万+
1、在当前页面上跳转新页面 window.open('#要载入的界面'); window.open('graphReportController.do?list&id=dzdxz'); window.open('webpage/com/nuist/singleStationInfo/stationInfoTab.jsp'); onclick="javascript:window.open('w
jQuery实现平滑滚动页面到指定锚点链接的方法
10-23
主要介绍了jQuery实现平滑滚动页面到指定锚点链接的方法,涉及jquery鼠标事件及页面滚动的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
html怎样点击超链接在指定div显示,是否可以仅在特定DIV中设置超链接样式
weixin_35414260的博客
06-10 1701
我正在制作纯粹的javascript webapp(无JQuery)，它会在运行时生成所有内容。没有要加载的CSS文件，所有样式都由J​​S生成。例如：function newParagraph(content,x,y,w,h){var obj = document.createElement("div");obj.style.position = "absolute";obj.style.lef...
前端必知必会-html的div和class
最新发布
qq_24018193的博客
07-26 1261
本文介绍了的html的css使用，如有问题欢迎私信和评论。
html链接显示在制定div,单击DIV中的链接并在单独的DIV中显示PHP/HTML
weixin_39645003的博客
06-29 448
我有一个菜单发生了变化，我想根据与在DIV class =“items中选择的项目相关的链接在DIV id =”main_content“中显示内容“单击DIV中的链接并在单独的DIV中显示PHP/HTML这里是我使用jQuery代码(编辑)$(document).ready(function(){$(".items a").click(function(e){e.preventDefault()...
点击打开链接总结
qiudechao1的博客
12-17 4198
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>点击打开链接总结</title> <m...
Web前端：实现在一块区域（div）点击链接，在同一页面的指定区域显示链接的内容——基于css与div结合网页布局设计
weixin_55439495的博客
03-22 7898
1：效果： 初始： 点击首页： 点击个人主页 ： 点击其他类似： 2：代码（这里我只提供css文件和核心代码，链接内容不提供） 核心代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用css与div的网页设计</title> <link href="jyt.css" rel="...
HTML用两种方式实现将超链接内容显示到当前页面
热门推荐
diligent_lee的博客
08-24 3万+
HTML用两种方式实现将超链接内容显示到当前页面 1. 直接使用超链接 在这里要用到iframe标签，将target指向iframe的name属性。 关键代码： &amp;amp;amp;amp;lt;a href=&amp;amp;amp;quot;task1.html&amp;amp;amp;quot; target=&amp;amp;amp;quot;mainFrame1&amp;amp;amp;quot;&amp;amp;amp;amp;g
用jQuery向div中添加html文本内容的简单实现
Sara_xie的专栏
08-04 1万+
1、前台代码 function   PoeviewExcel() {       $.ajax({           url:"send/GetImportReport",           type:"post",           success:function(data){                var divshow=$(''#showInfo2);    
如何用jquery实现点击后跳到页面指定位置
weixin_30443075的博客
12-16 742
很多网站都有这种功能，主要为了让用户在长篇大论中比较迅速的跳到自己想要看的内容处，比如bootstrap就有相应的功能。 介绍一种非常简便可以实现这种功能的方式。 思路：1.这里要用到点击事件，因为点击处可能数量较多，因此最好用事件代理来处理，可以提高性能。 2.当点击一个按钮时，能够获取到与他相对应的元素的ID。 3.通过jquery的offset方法返回top和left两个属性后获取他...
div下点击不同的链接，显示不同页面的内容
天道酬勤
08-11 1万+
在这里重点想说的是这样的一种思想：在一个页面内，通过点击不同的链接，在同一个区域显示不一样的内容。        方法：在div标签中，根据点击链接时传来的不同的参数，来加载不同的页面        实例代码讲解： 以点击上传下载文件为例        1.                首页||我要上传||我要下载
优化轮播效果：jQuery实现在第一页滑动切换
本文档介绍了如何使用jQuery实现一个友好的轮播图片特效，其目标是提供用户友好的滚动体验，避免传统轮播中连续切换多张图片可能导致的视觉混乱。首先，通过CSS样式设置了轮播容器的基本布局，使用相对定位和隐藏...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值