Question

E.g。我有一个名为：page1.htm

的文件

在HTML中，我需要显示Google搜索该文件名的结果链接。即：

https://www.google.co.uk/?gfe_rd=cr&ei=6MhcVOGVHMnH8gej8oCQDQ&gws_rd=ssl#q=page1

显然，如果我需要为很多页面执行此操作，如果有一种方法可以修改该搜索字符串的结尾以依赖于文件名（没有扩展名），那将会更容易。

请告诉我有一种简单的方法可以产生这种结果！

由于

Answer 1

因为您正在提供静态html页面，所以任何“活动”行为（如在内容中自动重用文件的名称）都需要在运行时在客户端进行。这意味着Javascript：

<!-- In your html, use an ID tag to make the link easily selectable with javascript...--> 
<a id="googleSearchLink" href="#">Search Google for the name of this file</a>

然后在正文内容的底部（以便在呈现标记后发生）添加：

<script>
  // Grab everything after the last "/" from the location bar...
  var filename = window.location.href.substr(window.location.href.lastIndexOf("/")+1);

  // Chop off the last "." and everything right of it...
  var withoutExtension = filename.replace(/\.[^/.]+$/, "");

  // Build the link destination as a string...
  var hrefTargetForGoogleLink = "https://www.google.co.uk/#q=" + withoutExtension;

  // Finally, set the link destination
  googleSearchLink.href = hrefTargetForGoogleLink;    

</script>

将.htm文件名写入HTML中的文件内容

1 个答案: