前端阶段总结：滚动条、js多参数方法

一、滚动条：

overflow，有以下属性值：

visible默认值。内容不会被修剪，会呈现在元素框之外。

hidden内容会被修剪，并且其余内容是不可见的。

scroll内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。

auto如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。

inherit规定应该从父元素继承 overflow 属性的值。

实例：

<style type = "text/css">
#Themedetail{
	width: 100%;
	height: 200px;
	overflow:auto;
}
#marketThemeDetail{
	overflow:hidden;
}
</style>

<div id="marketThemeDetail" class="easyui-dialog" style="height:360px;width: 60%" title="查看详情" closed="true">
			<table style="border-collapse: separate; border-spacing: 0px 5px;">
			 	<tr>
					<td> 主题标题:  </td>
					<td> <p id="ThemeTitle"></p> </td>
			 	</tr>
				<tr>
					<td> 参与人员:  </td>
					<td> <p id="ThemeGroups"></p> </td>
				</tr>
				<tr>
					<td> 关键字:  </td>
					<td> <p id="ThemeKeywords"></p> </td>
				</tr>
				<tr>
					<td valign="top">主题内容: </td>
					<td><div id="Themedetail"></div></td>
				</tr>
				<tr></tr>
				<tr></tr>
				<tr><td valign="top">附件: </td>
					<td><div id="attachments"></div></td>
				</tr>
		   </table>
	</div>

效果图：

二、js多参方法调用：

实例：

function downloadFiles(url,downloadName){
		window.location.href = '<%=basePath%>market/marketTheme/download.action?url=' + url + '&downloadName=' + downloadName;
	}

</pre><pre name="code" class="javascript">for(var i = 0;i<json.data.attachments.length;i++){
<span style="white-space:pre">	</span>url += '<a href="javascript:void(0);" style="text-decoration:underline; color:blue;" οnclick="downloadFiles(\''+json.data.attachments[i].url+'\',\''+json.data.attachments[i].attName+'\')">'+json.data.attachments[i].attName+'</a>  ';
}

<strong>οnclick="downloadFiles(\''+json.data.attachments[i].url+'\',\''+json.data.attachments[i].attName+'\')"</strong>