Question

我有2页。 one.html和two.html

第一个html页面包含一个脚本标签，带有java脚本函数modify（d）。在two.html中我想调用同一个函数而不是再次重新输入它。我怎么能这样做？我需要在页面之间创建链接吗？如果有，怎么样？

我已尝试在第二个文件中使用。但我不断收到错误：＆＃34;修改（d）未定义＆＃34;在控制台中。

这两个文件在我的文件夹结构中彼此相邻放置，因此路径应该是正确的。

提前谢谢你。

Answer 1

您可以将JavaScript脚本标记内容解压缩到自己的文件中，并将该脚本包含在两个HTML页面中，这样：

在您的文件夹结构中的某个位置创建一个文件（您可以将其放在与HTML文件相同的路径中以方便此刻）让我们说它被称为我的script.js < / p>
在每个HTML文件中，您可以使用脚本标记包含脚本：
```
<script src="./script.js"/>
```

您可以在HTML文件或的<head>中添加脚本标记，作为<body>标记中的最后一个元素。

Answer 2

您需要将JS放在自己的文件中，并从两个HTML文件中引用它。下面是一个伪代码，可以更好地解释。

<强>的script.js

$('.box').click(function(e) {
  e.preventDefault();
  console.log('Box has been logged!');
});

<强>的index.html

<script src="./script.js"></script>
<div class="box"></div

<强> other.html

<script src="./script.js"></script>
<div class="box"></div

Answer 3

使用外部Javascript的概念。请参阅link。使用它，创建一个Javascipt文件并将modify()方法放入其中。现在在两个表单上加载javascript（即one.html和two.html）

Answer 4

如果你删除内联脚本（它也适用于内联样式）并且这样做，你将函数（和规则）存储在它自己的文件中，你将能够重用它（它们），如图所示以下样本

档案：one.html

<!DOCTYPE html>
<html>
    <head>
        <title>Page One</title>
        <meta http-equiv='content-type' content='text/html; charset=UTF-8' />
        <link rel='stylesheet' type='text/css' href='css/style.css' />
        <script src="js/script.js"></script>
    </head>
<body>
    Page one content  
</body>
</html>

档案：two.html

<!DOCTYPE html>
<html>
    <head>
        <title>Page two</title>
        <meta http-equiv='content-type' content='text/html; charset=UTF-8' />
        <link rel='stylesheet' type='text/css' href='css/style.css' />
        <script src="js/script.js"></script>
    </head>
<body>
    Page two content  
</body>
</html>

文件：style.css

body {
  background: url(../images/bkg.png);
}

文件：script.js

function modify(d) {
  ....
}

并将您的文件放在文件夹中

/www/one.html
/www/two.html
/www/js/script.js
/www/css/style.css
/www/images/bkg.png

如何在另一个html页面的一个html页面中调用一个函数

4 个答案: