加载页面并执行特定的javascript函数

Loading a page and executing a specific javascript function

本文关键字：javascript 函数 执行 加载      更新时间：2023-09-26

初学者问题。我有一个网页，使用javascript原型库来替换元素内的文本。如果单击一个链接，则会显示一个具有sliderjs功能的类似页面。第二页的外观和感觉几乎与主页完全相同。

同样在所有页面上，我在每个页面上都有一个菜单，它位于相同的位置，具有相同的功能。

我有一个用例，有人可以去第2页，然后需要在第1页加载和执行一个javascript函数。我想做的是:<a href="index.html AND THEN RUN javascript:showItem1()">Item 1</a>

——菜单——

<!-- The menu looks the same for all pages -->
<ul id="menu">
    <li><a href="javascript:showItem1()">Item 1</a></li>  <!-- page 1 -->
    <li><a href="javascript:showItem2()">Item 2</a></li>  <!-- page 1 -->
    <li><a href="javascript:showItem3()">Item 3</a></li>  <!-- page 1 -->
    <li>
        <ul>
            <li><a href="puppies.html">Puppies</a></li>  <!-- page 2 -->
            <li><a href="kittens.html">Kittens</a></li>  <!-- page 3 -->
        </ul>
    </li>
</ul>

有一个(相当可爱的)现场演示:http://107.22.173.10

场景如下:

  • 点击项目1、2或3
  • 然后点击"小狗"
  • 再次单击项目1、2或3。第1页应该也加载正确的javascript。

如何使项目链接从第2页和第3页工作?

你可以这样做，例如在第二页设置链接，如

<a href="page1.html#runFunction1">Run function 1 on page 1</a>

并检查该哈希是否存在于第1页，如

if (window.location.hash == '#runFunction1') {
    function1();
}

网页pup .html没有showItem1()， showItem2() &showItem3 () .

包括mystuff.js，它在puppy .html中已经实现了showItems()。

相关文章：