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

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

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

<div class="menu_detail" id="leftmenu_1" style="display:none">
			<dl class="collapsed">
				<dt>id=1标题</dt>
				<dd>
					<ul>
						<li>
							<a href="javascript:;" _link="ueditor.html">ueditor</a>
						</li>
						<li>
							<a href="javascript:;" _link="table.html">table</a>
						</li>
					</ul>
				</dd>
			</dl>
</div>
<!--iframe-->

<div class="rightmain">
		<div class="right_content">
			<iframe src="main.html" frameborder="0" scrolling="yes" name="main" id="main"></iframe>
		</div>
</div>

 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