在sharepoint 2010的頁面中，我們在頁面的最上方，有一條深灰色的Ribbon工具欄，如下圖，這里可以通過下面的腳本，做一些腳本，來控制它的隱藏和顯示。

最后把這些腳本，放在v4.master母板頁的<div id="s4-workspace"></div>這個標簽里面。

<div style="background-color: gray;text-align: right">

??? <input type="button"? id="hideRibbon" ?value="顯示"?onclick="HideRibbonFunc()"/>

??? <wssuc:welcome id="IdWelcome"? runat="server"? enableviewstate="false">

??????????? </wssuc:welcome>

??? <wssuc:muiselector id="IdMuiSelector" runat="server" />

??? <style>

??????? .ms-welcomeMenu a:link

??????? {

??????????? /* [ReplaceColor(themeColor:"Light1",themeTint:"0.9")] */

??????????? color: white;

??????? }

??????? .ms-welcomeMenu.ms-SpLinkButtonActivea:link

??????? {

??????????? /* [ReplaceColor(themeColor:"Light1",themeTint:"0.9")] */

??????????? color: white;

??????? }

??? </style>

</div>

<script>

??? function HideRibbonFunc() {

??????? var ribbonrowObj = document.getElementById("s4-ribbonrow");

??????? if (ribbonrowObj.style.display =="none") {

??????????? document.getElementById("hideRibbon").value ="隱藏";

??????????? ribbonrowObj.style.display = "";

??????? }

??????? else {

??????????? document.getElementById("hideRibbon").value ="顯示";

??????????? ribbonrowObj.style.display = "none";

??????? }

??? }

</script>

?

《新程序員》：云原生和全面數(shù)字化實踐50位技術專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的sharepoint 2010 显示和隐藏Ribbon区域条的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。