首页 > 代码库 > 前端阶段总结:滚动条、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多参数方法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。