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

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

javascript jquery html hyperlink

Javascript 如何在一个html页面中调用另一个html页面中的函数,javascript,jquery,html,hyperlink,Javascript,Jquery,Html,Hyperlink,我有两页。one.html和two.html 第一个html页面包含一个带有java脚本函数modify（d）的脚本标记。在two.html中，我想调用同一个函数，而不是再次键入它。我如何才能做到这一点？我需要在页面之间创建链接吗？如果是，如何进行我已尝试在第二个文件中使用。但是我一直在控制台中得到错误：“modify（d）notdefined” 这两个文件在“我的文件夹”结构中相邻放置，因此路径应该正确先谢谢你您可以将JavaScript脚本标记内容提取到自己的文件中，并将该脚本包含在两

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

第一个html页面包含一个带有java脚本函数modify（d）的脚本标记。在two.html中，我想调用同一个函数，而不是再次键入它。我如何才能做到这一点？我需要在页面之间创建链接吗？如果是，如何进行

我已尝试在第二个文件中使用。但是我一直在控制台中得到错误：“modify（d）notdefined”

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

先谢谢你

您可以将JavaScript脚本标记内容提取到自己的文件中，并将该脚本包含在两个HTML页面中，因此：

在文件夹结构中的某个位置创建一个文件（为了方便起见，您可以将其放在与HTML文件相同的路径中），比如说它被称为my script.js

function modify(d) {
  ....
}

在每个HTML文件中，可以使用脚本标记包含脚本：
```
<script src="./script.js"/>
```

您可以将脚本标记包含在HTML文件的

中，或者作为

标记中的最后一个元素。

您需要将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

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


使用外部Javascript的概念。请参阅。
使用此方法，创建一个Javascipt文件并将modify（）
方法放入其中。现在在这两个表单上加载javascript（即one.html和two.html）
如果您删除内联脚本（它也适用于内联样式）并这样做，您将函数（和规则）存储在自己的文件中，您将能够重用它（它们），如下面的示例所示
文件：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>

文件：script.js
function modify(d) {
  ....
}

把你的文件放在你的文件夹里
/www/one.html
/www/two.html
/www/js/script.js
/www/css/style.css
/www/images/bkg.png

创建一个JS文件，并在两个HTML文档中引用该文件，如
/www/one.html
/www/two.html
/www/js/script.js
/www/css/style.css
/www/images/bkg.png