首页 > 代码库 > 前端阶段总结:滚动条、js多参数方法

前端阶段总结:滚动条、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 = http://www.mamicode.com/'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;" onclick="downloadFiles(\''+json.data.attachments[i].url+'\',\''+json.data.attachments[i].attName+'\')">'+json.data.attachments[i].attName+'</a>  ';
}


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





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