将页面URL复制到剪贴板Javascript导致页面滚动到底部

将页面URL复制到剪贴板是一种常见的前端开发需求，可以通过Javascript来实现。当用户点击某个按钮或执行某个操作时，我们可以使用Javascript代码将当前页面的URL复制到剪贴板中。

实现这个功能的一种常见方法是使用Clipboard API。Clipboard API是浏览器提供的一组API，用于与剪贴板进行交互。以下是一个示例代码：

function copyURLToClipboard() {
  var url = window.location.href; // 获取当前页面的URL
  navigator.clipboard.writeText(url) // 将URL写入剪贴板
    .then(function() {
      console.log('URL copied to clipboard');
      // 可以在这里添加一些提示信息，告诉用户URL已成功复制到剪贴板
    })
    .catch(function(error) {
      console.error('Failed to copy URL to clipboard:', error);
      // 可以在这里添加一些错误处理逻辑，例如提示用户复制失败
    });
}

在上面的代码中，我们首先使用window.location.href获取当前页面的URL，然后使用navigator.clipboard.writeText(url)将URL写入剪贴板。writeText()方法返回一个Promise对象，我们可以使用.then()和.catch()来处理复制成功和失败的情况。

需要注意的是，Clipboard API目前还不是所有浏览器都支持，因此在使用之前最好先检查浏览器的兼容性。可以使用以下代码进行检查：

if (navigator.clipboard) {
  // 浏览器支持Clipboard API，可以执行复制操作
} else {
  // 浏览器不支持Clipboard API，需要提供其他方式供用户复制URL
}

关于页面滚动到底部的问题，可以使用以下代码实现：

window.scrollTo(0, document.body.scrollHeight);

上述代码中，window.scrollTo()方法用于将页面滚动到指定位置。通过将第一个参数设置为0，第二个参数设置为document.body.scrollHeight，可以将页面滚动到底部。

综上所述，通过Javascript将页面URL复制到剪贴板并滚动到底部的代码如下：

function copyURLToClipboardAndScrollToBottom() {
  var url = window.location.href; // 获取当前页面的URL
  navigator.clipboard.writeText(url) // 将URL写入剪贴板
    .then(function() {
      console.log('URL copied to clipboard');
      // 可以在这里添加一些提示信息，告诉用户URL已成功复制到剪贴板
      window.scrollTo(0, document.body.scrollHeight); // 滚动到页面底部
    })
    .catch(function(error) {
      console.error('Failed to copy URL to clipboard:', error);
      // 可以在这里添加一些错误处理逻辑，例如提示用户复制失败
    });
}

这样，当用户执行copyURLToClipboardAndScrollToBottom()函数时，页面的URL将被复制到剪贴板，并且页面将滚动到底部。