javascript - 如何在点击链接的同时调用该链接所在页面的功能？

Question

• index.html - 有菜单category1, category2,category3
• product.html - 有功能changeIframe([category1 | category2 | category3]);

当我单击“index.html”页面上的菜单时，一个链接会将我带到“product.html”页面，然后changeIframe(var)立即调用函数。该changeIframe(var)函数将比较$var（的值var后跟我单击的菜单名称），然后更改此页面中的内容。我怎么能做这样的事情？

Answer 1

只是一个想法，将类别作为 Url Hash 传递。

索引.html：

<a href="product.html#category1">Category 1</a>
<a href="product.html#category2">Category 2</a>
<a href="product.html#category3">Category 3</a>

产品.html

var category = (location.hash).replace('#','');
changeIframe(category); //call function

如果您确实需要使用 javascript。如果您使用服务器端脚本会更容易。

Answer 2

将类别添加为链接上的主题标签并读出。

<a href="product.html#category1">menu link</a>

在您的产品页面中

window.onload = function(){

    var category = (window.location.hash).replace("#",'');;
    alert(category);
    // changeIframe(category)

}

并删除像@Charlie 节目中的“#”。

Answer 3

索引.html

<a href="product.html#category1">category 1</a>
<a href="product.html#category2">category 2</a>
<a href="product.html#category3">category 3</a>

产品.html

$(document).ready(function(){
    var item =  toLowerCase((document.location.hash)).replace('#','');
    if(/category[1-3]/i.test(item)){
        changeIframe(item);
    }else{
        changeIframe(defaultitem);
    }
});

如果您使用的是 php

索引.html

<a href="product.html?item=category1">category 1</a>
<a href="product.html?item=category2">category 2</a>
<a href="product.html?item=category3">category 3</a>

产品.html

<script>
<?php
if(isset($_GET['item']) && preg_match("/category[1-3]/", $_GET['item'])){
    echo "changeIframe(" . $_GET['item'] .");";
}else{
    echo "changeIframe(defaultitem);";
}
</script>

Answer 4

在 index.phtml 页面上，当您单击链接时将菜单名称作为查询字符串传递，当您到达 product.phtml 时，调用 $(document).ready 函数上的 changeiframe(var)

Answer 5

使用 PHP 的一种方法（如果您有支持它的服务器）。

如果您最终获得 PHP 设置，这里是一种选择：

索引.php：

<a href="product.php?cat=1">Category 1</a>
<a href="product.php?cat=1">Category 2</a>
<a href="product.php?cat=1">Category 3</a>

然后在 product.php 中将此代码与您的 Javascript 一起使用以获取通过的类别：

changeIframe(<?php $_GET['cat'] ?>)

Answer 6

将链接作为查询字符串传递，product.html?category=1并且可以在该页面中使用此代码

  function getUrlVars()
    {
        var vars = [], hash;
        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
        for(var i = 0; i < hashes.length; i++)
        {
            hash = hashes[i].split('=');
            vars.push(hash[0]);
            vars[hash[0]] = hash[1];
        }
        return vars;

    }



    $(document).ready(function() {   

   var id = getUrlVars()["category"];
    changeIframe(var);
    });