Question

如何调用外部java脚本文件的函数

转盘（）
HTML文件中的
？这是图片的自动幻灯片。这个java脚本函数如何调用HTML文件，所以幻灯片显示并自动运行？短片后也会改变图片。

var slideIndex = 0;
carousel();

function carousel() {
    var i;
    var x = document.getElementsByClassName("slides");
    for (i = 0; i < x.length; i++) {
      x[i].style.display = "none";
    }
    slideIndex++;
    if (slideIndex > x.length) {slideIndex = 1}
    x[slideIndex-1].style.display = "block";
    setTimeout(carousel, 2000); // Change image every 2 seconds
}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>PUCIT</title>
<script type="text/javascript" src="js.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
<div id="slideshow" >
  <img class="slides" src="pic1.jpg">
  <img class="slides" src="pic3.jpg">
  <img class="slides" src="pic4.jpg">
  <img class="slides" src="pic5.jpg">
  <img class="slides" src="pic2.jpg">
</div>
  
</body>
</html>

Answer 1

我认为js.js是有问题的文件，其中包含carousel（）。

将文件包含在HTML中的方式：

<script type="text/javascript" src="js.js"></script>

表示它必须与html文件位于同一文件夹中。

执行该功能唯一需要做的就是调用它。在关闭标记之前放置此代码：

<script type="text/javascript">
    carousel();
</script>

如何将carousel（）外部javascript函数调用到html文件中？

1 个答案: