Question

下面<script type="text/javascript">代码</script>如何放到单独的一个.JS文件当中

下面<script type="text/javascript">代码</script>如何放到单独的一个.JS文件当中
我想单独在网页中以<script src="/js/code.js" type="text/javascript"></script>形式引用
请问怎么弄，本人不懂JS，
<script type="text/javascript">
$(function(){
function tabs(tabTit,on,tabCon){
$(tabCon).each(function(){
$(this).children().eq(0).show();
});
$(tabTit).each(function(){
$(this).children().eq(0).addClass(on);
});
$(tabTit).children().hover(function(){
$(this).addClass(on).siblings().removeClass(on);
var index = $(tabTit).children().index(this);
$(tabCon).children().eq(index).show().siblings().hide();
});
}
tabs(".r_nav","active",".rnav_box");
tabs(".l_nav","active",".l_nbo");
});

// 侧栏跟随
$(document).ready(function(){
$("#navigation ul li").hover(function(){
$(this).addClass("hover");
$('ul:first',this).css('visibility', 'visible');
}, function(){
$(this).removeClass("hover");
$('ul:first',this).css('visibility', 'hidden');
});
$("#navigation ul li ul li:has(ul)").find("a:first").append(" » ");
scroll_sidebar(200);
});
function scroll_sidebar(duration){
var sidebar = $("#sidebar");
var sidebar_top = sidebar.offset().top;
var sidebar_height = sidebar.height();
if($(window).height() > sidebar_height) {
if($(window).scrollTop() > sidebar_top){
sidebar.animate({top : $(window).scrollTop() - sidebar_top +"px" },{ duration:duration
|| 350 , queue:false });
}
$(window).scroll(function (){
if($(window).scrollTop() > sidebar_top ){
sidebar.animate({top : $(window).scrollTop() - sidebar_top +"px" },{ duration:duration
|| 350 , queue:false });
}else{
sidebar.animate({top : 0 },{ duration:duration || 350 , queue:false});
}
});
}else{
if($(window).scrollTop() > sidebar_top + 10 + sidebar_height - $(window).height()){
sidebar.animate({top : $(window).scrollTop() - sidebar_top - (sidebar_height -
$(window).height()) +"px" },{ duration:duration || 350 , queue:false });
}
$(window).scroll(function (){
if($(window).scrollTop() > sidebar_top + sidebar_height - $(window).height()){
sidebar.animate({top : $(window).scrollTop() - sidebar_top - (sidebar_height -
$(window).height()) +"px" },{ duration:duration || 350 , queue:false });
}else{
sidebar.animate({top : 0 },{ duration:duration || 350 , queue:false});
}
});
}
}
</script>

Answer 1

1. 新建一个文件
2. 命名为code.js（文件名任意，拓展名为js）
3. 把上面代码中<script type="text/javascript">与</script>之间的代码复制粘贴进去保存即可。

追问

这个方法我试过了，HTML网页读取时直接在页面上显示了

追答

首先，这段JS代码有问题，$(function() 与 $(document).ready(function() 应只保留一个；

其次，你说的网页读取时代码被显示了，你是在head标签内引用的吗？网页文件是什么格式？是不是html？

Answer 2

亲,直接建立一个js文件，将这段代码<script></script>里面的内容复制粘贴进区，再像你说的那样引用就可以了（记住，不要复制<script></script>这对标签进去了）

追问

试过了你说的方法，不行

追答

你这个里面用到了jquery,在你这个文件引入的页面之前要首先引入jquery的文件才可以

Answer 3

要使用外部脚本，请将脚本文件的名称放在<script>标签的 src（source）属性中,因此你应该写<scripttype="text/javascript">src="xx.js"></script>