87,904
社区成员
发帖
与我相关
我的任务
分享如何调用外部js文件
从网上找了一段做漂浮广告的代码：
var xPos=20;
var yPos=document.body.clientWidth;
var step=1;
var delay=30;
var width=0;
var height=0;
var Hoffset=0;
var Woffset=0;
var yon=0;
var xon=0;
var pause=true;
var interval;
var obj=document.getElementById("apDiv1");
obj.style.top=yPos;
function changePos()
{
width=document.body.clientWidth;
height=document.body.clientHeight;
Hoffset=obj.offsetHeight;
Woffset=obj.offsetWidth;
obj.style.left=xPos+document.body.scrollLeft+"px";
obj.style.top=yPos+document.body.scrollTop+"px";
if(yon)
{
yPos=yPos+step;
}
else
{
yPos=yPos-step;
}
if(yPos<0)
{
yon=1;
yPos=0;
}
if(yPos>=(height-Hoffset))
{
yon=0;
yPos=(height-Hoffset);
}
if(xon)
{
xPos=xPos+step;
}
else
{
xPos=xPos-step;
}
if(xPos<0)
{
xon=1;
xPos=0;
}
if(xPos>=(width-Woffset))
{
xon=0;
xPos=(width-Woffset);
}
}
function start()
{
obj.style.visibility = "visible";
interval = setInterval('changePos()',delay);
}
start();
直接放在html里有效果，但放到外部js文件里不知如何调用？
var xPos=20;
var yPos=document.body.clientWidth;
var step=1;
var delay=30;
var width=0;
var height=0;
var Hoffset=0;
var Woffset=0;
var yon=0;
var xon=0;
var pause=true;
var interval;
var obj=document.getElementById("apDiv1");
obj.style.top=yPos;
function changePos()
{
width=document.body.clientWidth;
height=document.body.clientHeight;
Hoffset=obj.offsetHeight;
Woffset=obj.offsetWidth;
obj.style.left=xPos+document.body.scrollLeft+"px";
obj.style.top=yPos+document.body.scrollTop+"px";
if(yon)
{
yPos=yPos+step;
}
else
{
yPos=yPos-step;
}
if(yPos<0)
{
yon=1;
yPos=0;
}
if(yPos>=(height-Hoffset))
{
yon=0;
yPos=(height-Hoffset);
}
if(xon)
{
xPos=xPos+step;
}
else
{
xPos=xPos-step;
}
if(xPos<0)
{
xon=1;
xPos=0;
}
if(xPos>=(width-Woffset))
{
xon=0;
xPos=(width-Woffset);
}
}
function start()
{
obj.style.visibility = "visible";
interval = setInterval('changePos()',delay);
}
start();
直接放在html里有效果，但放到外部js文件里不知如何调用？
...全文
请发表友善的回复…
发表回复
搬砖男子汉 2015-01-02
- 打赏
- 举报
把start()函数放在<body>标签的onload属性里试一下？
或者你把脚本段放在<body>标签里的最后 试试
Braska 2014-12-30
- 打赏
- 举报
或者
<body onload="start()"></body>
<script type="text/javascript" src="scripts/index.js"></script>
Braska 2014-12-30
- 打赏
- 举报
写成两句放在body下面
<script type="text/javascript" src="scripts/index.js"></script>
<script>
start();
</script>
jstzcl007 2014-12-30
- 打赏
- 举报
index.js在当前目录下scripts文件夹中，src="./scripts/index.js"以及src="scripts/index.js"这2个写法都不错吧。
直接调用start()也不错吧，但怎么就没效果呢
mmqw 2014-12-30
- 打赏
- 举报
<script language="JavaScript" type="text/javascript" src="./scripts/index.js">
start();
</script>
start(); 放这里不行吧，重新加这个
<script language="JavaScript" type="text/javascript" >
start();
</script>
试试
mmqw 2014-12-30
- 打赏
- 举报
src="./scripts/index.js" 这个路径对吗？你用浏览器看下这个js包加载了没
slwsss 2014-12-30
- 打赏
- 举报
<script src="./scripts/index.js"><script>
确保路径正确，放在html底部
jstzcl007 2014-12-30
- 打赏
- 举报
<script language="JavaScript" type="text/javascript" src="./scripts/index.js">
start();
</script>
这样调用没效果
