用javascript在页面上添加一个按钮，点击按钮之后，段落之前添加一超链接，其背景色为红色。

可以使用以下代码实现：

var btn = document.createElement("button"); // 创建按钮元素
btn.innerHTML = "添加超链接"; // 设置按钮文本
btn.onclick = function() { // 绑定点击事件
  var link = document.createElement("a"); // 创建超链接元素
  link.href = "https://www.example.com"; // 设置超链接地址
  link.style.backgroundColor = "red"; // 设置背景色为红色
  var para = document.getElementById("myPara"); // 获取段落元素
  para.insertBefore(link, para.firstChild); // 在段落之前插入超链接
};
document.body.appendChild(btn); // 将按钮添加到页面中

其中，`myPara` 是段落元素的 ID，需要根据实际情况进行修改。