javascript优先加载笔记代码
人气:0
函数部分
<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>
加载全部内容