如何将 href 添加到 SharePoint 上的按钮

Question

我创建了一些 css 样式的按钮，现在我需要为所有按钮添加 href。我尝试使用 JavaScript，添加标签 <form action="href"> 在 <input> 上更改 <button>，尝试使用 CSS 和 <button onclick="href">，但这仍然无效。

这是我的HTML按钮之一

<th> 
        <button class="img" type="button8"> 
           <p class="single"> HR 
              <br/> </p></button> </th>

和这个css风格

[type=button8] {
            margin-top: 5px;
            marring-left: 5px;
            padding-left: 10px;
            width: 260px; 
            height: 155px;
            background: url('https://share.novartis.net/sites/ruphoncology/Shared%20Documents/00778_300dpi_RGB.jpg');
            background-size: cover;
            background-position: center;
            text-color: black; }

我需要，当用户点击按钮时，他被转移到另一个页面。 P.S 这一切都在带有 WebPart 编辑器的 SharePoint Online 上

Answer 1

只需将此 onclick 属性添加到您的按钮：

<button onclick="location.href='https://www.google.com/';">Click</button>

或者使用Javascript添加按钮的属性：

document.getElementById('my_button').setAttribute("onclick", "location.href='https://www.google.com/';");

如果您使用表单标签，您可以在提交时像这样更改您的按钮属性：

document.getElementById('my_button').setAttribute("onclick", "document.getElementById('my_form').action = 'https://google.com/'; document.getElementById('my_form').submit();");

Answer 2

如果您使用的是 designer/content 编辑器 https://www.url.com/';">按钮

如何将 href 添加到 SharePoint 上的按钮

How can I add href to my button on SharePoint

html

javascript

css

sharepoint-2013

sharepoint-online