Вы можете манипулировать URL-адресом с помощью метода String.prototype.substring
. В приведенном ниже примере я создал функцию, которая берет строку url и проверяет дублирующий параметр - она возвращает новую строку с удалением второго вхождения.
var url = "https://myApp-ajj.com/sp?id=cat_item&sys_id=cf9f149cdbd25f00d080591e5e961920&sys_id=cf9f149cdbd25f00d080591e5e961920&sysp_Id=a691acd9dbdf1bc0e9619fb&sysparm_CloneTable=sc_request&sysparm_CloneTable=sc_request";
function stripDuplicateUrlParameter(url, parameterName) {
//get the start index of the repeat occurrance
var repeatIdx = url.lastIndexOf('sys_id');
var prefix = url.substring(0, repeatIdx);
var suffix = url.substring(repeatIdx);
//remove the duplicate part from the string
suffix = suffix.substring(suffix.indexOf('&') + 1);
return prefix + suffix;
}
console.log(stripDuplicateUrlParameter(url));
Это решает вашу конкретную проблему, но не будет работать, если параметр произошел более чем в два раза, или если второе вхождение строки не сразу после первого - вы, вероятно, напишете что-то более сложное.
Как кто-то уже спросил - почему параметр url дублируется в строке? Есть ли способ исправить это? (потому что вопрос, который, как мне кажется, представляет собой решение для групповой помощи, и это является основной проблемой).
Мне нравится Flex Box , возможно, вы сможете работать в структуре, которая будет выглядеть примерно как
<body>
<div class="form">
<input>
...some input fields
</input>
<button>My Submit</button>
</div>
<body>
, а затем ваша CSS
.form{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
центрирует все дочерние элементы в вашем .form div по вертикали и по горизонтали в .form без указания отступа или поля
Думаю, я немного опоздал, но вы могли бы сделать это следующим образом:
tr{
height: 10px;
width:100px;
}
table{
width: 100%;
}
table, tr, td {
border: 1px solid black;
}
.container{
display: flex;
}
.tableContainer{
width:80%;
}
.submitContainer{
display: flex;
align-items: center;
justify-content: center;
width:20%;
}
<div class="container">
<div class='tableContainer'>
<table>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
<div class='submitContainer'>
<button>CLick me </button>
</div>
</div>