如何使用URL触发JavaScript函数

时间:2014-08-13 16:41:00

标签: javascript php html url

我真的不知道如何在标题中解释我的问题,所以我试过了。

无论如何,这是我的问题。我有一个基本上是拼图的网页。它的基本前提是,当您访问某个链接时,它将触发一个功能并显示下一个部分。

这是展示作品的其中一个功能 -

function showone() {
        var elem = document.getElementById("one");
         if (elem.className = "hide") {
            elem.className = "show"
            }
}       

它是这样构建的原因,是因为这些片段是使用HTML表格构建和放置的,使用类来隐藏和显示它们。

我需要做的是以某种方式创建一个触发新作品的URL。例如,“www.website.com/index.html?showone”就是我想要的。这将触发“showone”功能。

我不知道怎么做,经过一段时间的搜索,我比开始时更困惑。

我之所以使用JavaScript,是因为页面无法刷新。我知道这可能是不可能的,在这种情况下,我愿意接受有关如何使其发挥作用的任何建议。

提前致谢,我们将非常感谢任何建议。

-Mitchyl

2 个答案:

答案 0 :(得分:2)

Javascript Web应用程序框架可以为您提供,它们允许在没有刷新页面的情况下构建Web应用程序。
例如,你可以使用backbonejs里面有Router类,它非常容易使用。 代码很简单:

var Workspace = Backbone.Router.extend({

  routes: {
    "help":                 "help",    // #help
    "search/:query":        "search",  // #search/kiwis
    "search/:query/p:page": "search"   // #search/kiwis/p7
  },

  help: function() {
    ...
  },

  search: function(query, page) {
    ...
  }

});

您也可以使用angularjs这是Google支持的重要内容。

答案 1 :(得分:0)

也许这个解决方案可以帮到你?

$("a.icon-loading-link").click(function(e){
    var link = $(e.target).prop("href"); //save link of current <a> into variable

    /* Creating new icon-tag, for example $("<img/>", {src: "link/to/file"}).appendTo("next/dt"); */

    e.preventDefault(); //Cancel opening link
    return false;       //For WebKit browsers
});