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; }

我需要，当用户单击按钮时，他将其转移到另一页。附言：这一切都在带有WebPart Editor的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

如果您使用的是设计师/内容编辑器 https://www.url.com/';“>按钮

如何在SharePoint上的按钮中添加href

2 个答案: