📄 3210_functionoutline.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-style-type" content="text/css">
<title>Content outline</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<meta name="generator" content="RoboHelp by eHelp Corporation www.ehelp.com">
<link rel="stylesheet" href="interakt_new_ns.css" type="text/css">
<script type="text/javascript" language="JavaScript">
<!--
if (navigator.appName !="Netscape")
{ document.write("<link rel='stylesheet' href='interakt_new.css'>");}
//-->
</script>
<style type="text/css">
<!--
div.whs1 { width:100%; }
p.whs2 { text-align:right; }
img_whs3 { border:none; width:40px; height:50px; float:none; }
table.whs4 { width:100%; }
td.whs5 { }
hr.whs6 { float:aligncenter; }
img_whs7 { border-left-style:Solid; border-left-width:1px; border-right-style:Solid; border-right-width:1px; border-top-style:Solid; border-top-width:1px; border-bottom-style:Solid; border-bottom-width:1px; width:190px; height:467px; float:none; }
-->
</style>
<script type="text/javascript" language="JavaScript">
<!--
function reDo() {
if (innerWidth != origWidth || innerHeight != origHeight)
location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
origWidth = innerWidth;
origHeight = innerHeight;
onresize = reDo;
}
onerror = null;
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style>
<script type="text/javascript" language="javascript1.2" src="whtopic.js">
</script>
<script type="text/javascript" language="javascript1.2" src="whutils.js">
</script>
<script type="text/javascript" language="javascript" src="whver.js">
</script>
<script type="text/javascript" language="javascript1.2">
<!--
var linkedScrollbarStyle = "<link rel='stylesheet' href='wf_topics.css'>";
if( (!isTopicOnly()) &&(parent.gbFHPureHtml == null) )
{
document.write(linkedScrollbarStyle);
}
//-->
</script>
</head>
<body>
<script type="text/javascript" language="javascript1.2">
<!--
if (window.addTocInfo)
{
addTocInfo("Using JSEclipse\nNavigating in JavaScript projects\nContent outline");
addAvenueInfo("Using JSEclipse","3200_addednavigation.htm","3220_gotodef.htm");
addShowButton();
}
if (window.setRelStartPage)
{
setRelStartPage("jseclipse.htm");
sendTopicLoaded();
autoSync(1);
sendSyncInfo();
sendAveInfo();
sendBgColorInfo();
}
//-->
</script>
<div id="header" class="whs1">
<p align="right" class="whs2"><img src="images/adobe_logo.png" width="40px" height="50px" border="0" class="img_whs3" alt=""></p>
<table width="100%" class="whs4">
<tr>
<td colspan="3" valign="top" class="whs5"> <br>
 <br>
<hr class="whs6"></td>
</tr>
</table>
</div>
<h1>Content outline</h1>
<p>The content outline feature added for <span class="Labels">JavaScript</span> projects by <span style="font-weight:bold;"><b>JSEclipse</b></span> allows the developer to save time when working with multiple classes and functions by displaying their names.</p>
<p>The <span class="Labels">Outline</span> panel is usually displayed on the right side of the screen. If it is not visible, you can open it by selecting <span class="Labels">Window > Show View > Outline</span>.</p>
<p>In the sample image below, the <span class="Labels">Outline</span> panel displays the functions and classes defined in a sample <span class="Labels">JavaScript</span> file. The file defines the class <span class="Code">person</span>, and several functions.  The Outline panel displays the methods of the Person class, as well as the parameters it uses. You can easily distinguish between the two due to their different icons.</p>
 
<p><script type="text/javascript" language="JavaScript">
<!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) <= 4))
{ if (parseInt(navigator.appVersion) != 2) document.write("<img src='images/outline_panelv2.png' x-maintain-ratio='TRUE' width='190px' height='467px' border='1' class='img_whs7'>");}
else
{ document.write("<img src='images/outline_panelv2.png' x-maintain-ratio='TRUE' style='border-left-style:Solid;border-left-width:1px;border-right-style:Solid;border-right-width:1px;border-top-style:Solid;border-top-width:1px;border-bottom-style:Solid;border-bottom-width:1px;' width='190px' height='467px' border='1' class='img_whs7'>");}
//-->
</script></p>
<p> </p>
<p>By clicking on an item in the <span class="Labels">Outline</span> panel, the cursor in the editor main window is positioned at its definition. This makes locating functions easy.</p>
<div id="footer" class="whs1">
<table width="100%" class="whs4">
<tr>
<td colspan="3">
<hr class="whs6"></td>
</tr>
</table>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -