在HTML中怎么调用.js文件 js代码如下

<scriptsrc="js/picJs.js"type="text/Javascript"></script>(function(){functionG(s){retu... <script src="js/picJs.js" type="text/Javascript"></script>

(function(){

function G(s){
return document.getElementById(s);
}

function getStyle(obj, attr){
if(obj.currentStyle){
return obj.currentStyle[attr];
}else{
return getComputedStyle(obj, false)[attr];
}
}

function Animate(obj, json){
if(obj.timer){
clearInterval(obj.timer);
}
obj.timer = setInterval(function(){
for(var attr in json){
var iCur = parseInt(getStyle(obj, attr));
iCur = iCur ? iCur : 0;
var iSpeed = (json[attr] - iCur) / 5;
iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed);
obj.style[attr] = iCur + iSpeed + 'px';
if(iCur == json[attr]){
clearInterval(obj.timer);
}
}
}, 30);
}

var oPic = G("picBox");
var oList = G("listBox");

var oPrev = G("prev");
var oNext = G("next");
var oPrevTop = G("prevTop");
var oNextTop = G("nextTop");

var oPicLi = oPic.getElementsByTagName("li");提示此行错误“null”为空或不是对象
var oListLi = oList.getElementsByTagName("li");
var len1 = oPicLi.length;
var len2 = oListLi.length;

var oPicUl = oPic.getElementsByTagName("ul")[0];
var oListUl = oList.getElementsByTagName("ul")[0];
var w1 = oPicLi[0].offsetWidth;
var w2 = oListLi[0].offsetWidth;

oPicUl.style.width = w1 * len1 + "px";
oListUl.style.width = w2 * len2 + "px";

var index = 0;

var num = 5;
var num2 = Math.ceil(num / 2);

function Change(){

Animate(oPicUl, {left: - index * w1});

if(index < num2){
Animate(oListUl, {left: 0});
}else if(index + num2 <= len2){
Animate(oListUl, {left: - (index - num2 + 1) * w2});
}else{
Animate(oListUl, {left: - (len2 - num) * w2});
}

for (var i = 0; i < len2; i++) {
oListLi[i].className = "";
if(i == index){
oListLi[i].className = "on";
}
}
}

oNextTop.onclick = oNext.onclick = function(){
index ++;
index = index == len2 ? 0 : index;
Change();
}

oPrevTop.onclick = oPrev.onclick = function(){
index --;
index = index == -1 ? len2 -1 : index;
Change();
}

for (var i = 0; i < len2; i++) {
oListLi[i].index = i;
oListLi[i].onclick = function(){
index = this.index;
Change();
}
}

})()
我写在HTML<style></styel>里面是正常的但是拿出来放到独立的.js文件就不行了，报错见上面提示，求大神指导展开

 我来答

2个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

匿名用户
2013-05-07

展开全部

没见到什么报错提示。。
js不是写在style里面的
要是放到独立的js文件里面
script标签是不需要的。直接用里面的内容，然后在html中用
<script type="text/javascript" src="aa.js"></script>
引入即可。

更多追问追答
追问
而且网页上没有效果效果


追答

你的js可以放到页面的尾部，body之前来调用。
追问

想把它拿出来
追答

可以拿出来啊，你先把js部分放到单独的js文件里面，然后在之前引用


追问

好吧 我想问下为什么放到 后面就行了
追答

放在前面的话，因为你js执行的时候是在其他元素出来之前，没有办法根据id之类的来获取元素，所以会报null为空或不是对象。

本回答由提问者推荐

已赞过 已踩过<

评论收起

刘天明aP
2013-05-07 · TA获得超过263个赞

知道小有建树答主

回答量：279

采纳率：0%

帮助的人：198万

我也去答题访问个人页

关注

展开全部

把js的代码都放到一个文件中，picJs.js，然后在htmlr HEAD中,参照如下，注意js的路径。

<HTML>
<HEAD>
<TITLE>TEST</TITLE>
<META content="text/html; charset=utf-8" http-equiv=Content-Type>
<META content=no-cache http-equiv=pragma>
<META content=no-cache http-equiv=cache-control>
<META content=0 http-equiv=expires>
<META name=GENERATOR content="MSHTML 8.00.6001.19328">
<style type="text/css">
</style>
<script language="javascript" type="text/javascript" src="<%=request.getContextPath()%>/js/picJs.js"></script>
</HEAD>

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

在HTML中怎么调用.js文件 js代码如下

为你推荐：