从浏览器地址栏中复制 URL 并使用 html 粘贴到表单中?

Posted

技术标签:

【中文标题】从浏览器地址栏中复制 URL 并使用 html 粘贴到表单中?【英文标题】:Copy URL from browser address bar and pasting into form using html? 【发布时间】:2012-03-25 08:44:35 【问题描述】:

我希望创建一个表面上非常基本的在线表单。

目标是创建一个带有提交按钮的 mailto 表单,在提交时复制浏览器地址栏中的 当前 url 并将其粘贴到 mailto 电子邮件窗口。

表单本身很简单:

form method="post" action="mailto:address@address.ca">
Report a broken link, please use the submit button below. The URL for the broken link will be included automatically.
<br />
<input type="submit" value="Submit">
</form

越简单越好,首选html/java...建议?

【问题讨论】:

【参考方案1】:

我建议你用 javascriptdocument.URL 获取 URL,然后用它做任何你想做的事情。

【讨论】:

【参考方案2】:

试试这个

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'>
</script>
  <script type='text/javascript'>
//<![CDATA[ 
  $(window).load(function()
  var url = "mailto:address@address.ca?Subject=" + window.location;
  $('#mailtoLink').attr('href', url);
  window.alert($('#mailtoLink').attr('href')); // = url;
  );//]]>  
  </script>
</head>
<body>
  Some Text <a id="mailtoLink" href="mailto:address@address.ca" name="mailtoLink">Send Mail</a>
</body>
</html>

【讨论】:

以上是关于从浏览器地址栏中复制 URL 并使用 html 粘贴到表单中?的主要内容,如果未能解决你的问题,请参考以下文章

从浏览器的地址栏复制UTF-8 URL,只提供丑陋的编码

如何获取地址栏中的url

从 Google Chrome 的地址栏中获取文本(不是 url)

使用 jQuery 从 URL 中获取字符串的一部分? [复制]

如何在状态栏中隐藏 url 地址? [复制]

在浏览器地址栏中输入URL后发生了什么