点击左侧导航显示对应的iframe,如何通过jquery来动态更改src?

如果直接给a标签的href添加链接,那么直接跳转到该页面,就没有头部和左侧页面,所以这样是行不通的;可以采用以下的方法:

  1. 在a标签的属性加上_link="name.html"
  2. 通过jquery的attr动态更改src



 jquery动态更改src

//左侧导航对应的iframe
		$('.menu_detail dl dd ul li a').click(function() {
			var _link = $(this).attr('_link');
			$('#main').attr('src',_link);
		})

iframe有缓存机制,直接更改src刷新页面未改变,但页面的src其实已经改变,网上搜了很多方法感觉比较麻烦;

通过这个方法也可以刷新iframe

你可能感兴趣的:(点击左侧导航显示对应的iframe,如何通过jquery来动态更改src?)