当前位置：文江博客话题详情

是否可以从锚标记调用 Javascript？

发布于 2024-12-10 15:47:32 字数 292 浏览 0 评论 0原文

可能的重复：
在js中处理URL锚点更改事件

是否可以有一个javascript函数通过锚标记运行。

例如，如果您访问... www.site.com/index.html#function1 ... 那么 function1 会运行吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

夏有森光若流苏 2024-12-17 15:47:32

在页面上放置一个 onload 侦听器，并在指向锚点的链接上放置一个单击侦听器。触发后，检查 window.location.href，如下所示：

<body onload="checkHash();">

  <a href="#foo" onclick="checkHash()">go to foo</a>
  <br>
  <a href="#bar">go to bar</a>

  <p>something in between</p>

  <a name="foo">foo</a>
  <br>
  <a name="bar">bar</a>

<script type="text/javascript">
  function checkHash() {
    // Check URL using setTimeout as it may not change before
    // listener is called
    window.setTimeout(doHashCheck, 10)
  }
  var doHashCheck = (function(global) {
    return function() {
      var fnName = window.location.hash.replace(/^#/,'');
      console.log(fnName);
      // fnName should be a native function, not a host method
      if (typeof global[fnName] == 'function') {
          global[fnName]();
      }
    }
  })(this);

  function foo() {
    alert('foo');
  }

  if (!window.console) window.console = {};
  if (!console.log) console.log = window.alert;
</script>
</body>

Put a an onload listener on the page and a click listener on the link that goes to the anchor. When fired, check window.location.href, something like:

<body onload="checkHash();">

  <a href="#foo" onclick="checkHash()">go to foo</a>
  <br>
  <a href="#bar">go to bar</a>

  <p>something in between</p>

  <a name="foo">foo</a>
  <br>
  <a name="bar">bar</a>

<script type="text/javascript">
  function checkHash() {
    // Check URL using setTimeout as it may not change before
    // listener is called
    window.setTimeout(doHashCheck, 10)
  }
  var doHashCheck = (function(global) {
    return function() {
      var fnName = window.location.hash.replace(/^#/,'');
      console.log(fnName);
      // fnName should be a native function, not a host method
      if (typeof global[fnName] == 'function') {
          global[fnName]();
      }
    }
  })(this);

  function foo() {
    alert('foo');
  }

  if (!window.console) window.console = {};
  if (!console.log) console.log = window.alert;
</script>
</body>

回复收藏 0 原文

梦亿 2024-12-17 15:47:32

您不能通过简单地将其包含在锚标记中来做到这一点，但您可以使用主题标签 (location.hash) 来调用您的函数

回复收藏 0 原文

萤火眠眠 2024-12-17 15:47:32

    $(document).ready(function() {

        //Get hash from URL. Ex. index.html#Chapter1
        var hash = location.hash;

        if (hash == '#Chapter1') {
            //Do stuff here
        }
    });

    $(document).ready(function() {

        //Get hash from URL. Ex. index.html#Chapter1
        var hash = location.hash;

        if (hash == '#Chapter1') {
            //Do stuff here
        }
    });

回复收藏 0 原文