javascript优先加载笔记代码
时间：2021-05-15 09:08:50|栏目：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>ル?`トフォルダの定?x</span></a></li>
<li><a href="#fragment-2"><span>文??管理</span></a></li>
<li><a href="#fragment-3"><span>表示?O定</span></a></li>
<li><a href="#fragment-4"><span>メ?`ル?O定</span></a></li>
<li><a href="#fragment-5"><span>デ?`タベ?`ス管理</span></a></li>
<li><a href="#fragment-6"><span>フォルダ?O?</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>ル?`トフォルダの定?x</span></a></li>
<li><a href="#fragment-2"><span>文??管理</span></a></li>
<li><a href="#fragment-3"><span>表示?O定</span></a></li>
<li><a href="#fragment-4"><span>メ?`ル?O定</span></a></li>
<li><a href="#fragment-5"><span>デ?`タベ?`ス管理</span></a></li>
<li><a href="#fragment-6"><span>フォルダ?O?</span></a></li>
<li><a href="#fragment-7"><span>システム管理</span></a></li>
</ul>
.................
</div><!--需要加载的dom end-->
<script type="text/javascript">
sysTab();
</script> //提前加载函数
<!--剩余的大段代码-->
</body>
栏 目：JavaScript代码
下一篇：面向对象的Javascript之三(封装和信息隐藏)
本文标题：javascript优先加载笔记代码
本文地址：http://www.codeinn.net/misctech/122243.html
