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

Question

我用 css 样式创建了一些按钮，现在我需要为所有按钮添加 href。我尝试使用 JavaScript，添加标签 <form action="href">更改 <button>在 <input> , 尝试使用 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();");