javascript优先加载笔记代码
(编辑：jimmy 日期: 2025/12/25 浏览：3 次 )
函数部分
复制代码 代码如下:
<script type="text/javascript">
function sysTab() {
$('#container > ul').tabs({ selected: 0 });
}
</script>
复制代码 代码如下:
<body>
<div id="container"><!--需要加载的dom-->
<ul>
<li><a href="#fragment-1"><span>ルートフォルダの定義</span></a></li>
<li><a href="#fragment-2"><span>文書管理</span></a></li>
<li><a href="#fragment-3"><span>表示設定</span></a></li>
<li><a href="#fragment-4"><span>メール設定</span></a></li>
<li><a href="#fragment-5"><span>データベース管理</span></a></li>
<li><a href="#fragment-6"><span>フォルダ監視</span></a></li>
<li><a href="#fragment-7"><span>システム管理</span></a></li>
</ul>
.................
</div><!--需要加载的dom end-->
<script type="text/javascript">
sysTab();
</script> //提前加载函数
<!--剩余的大段代码-->
</body>
这样就可以在指定的dom输出完毕后就执行javascript，而不需要等待页面全部加载完毕。
复制代码 代码如下:
<script type="text/javascript">
function sysTab() {
$('#container > ul').tabs({ selected: 0 });
}
</script>
复制代码 代码如下:
<body>
<div id="container"><!--需要加载的dom-->
<ul>
<li><a href="#fragment-1"><span>ルートフォルダの定義</span></a></li>
<li><a href="#fragment-2"><span>文書管理</span></a></li>
<li><a href="#fragment-3"><span>表示設定</span></a></li>
<li><a href="#fragment-4"><span>メール設定</span></a></li>
<li><a href="#fragment-5"><span>データベース管理</span></a></li>
<li><a href="#fragment-6"><span>フォルダ監視</span></a></li>
<li><a href="#fragment-7"><span>システム管理</span></a></li>
</ul>
.................
</div><!--需要加载的dom end-->
<script type="text/javascript">
sysTab();
</script> //提前加载函数
<!--剩余的大段代码-->
</body>
这样就可以在指定的dom输出完毕后就执行javascript，而不需要等待页面全部加载完毕。
下一篇：javascript显示隐藏层比较不错的方法分析