Question

我做了这个JS组件，但是在某些页面中，当单击提交时，它会因为Codepen崩溃，因为该按钮在URL上添加了一个“？＃”（在本地运行），就像它更改到另一个页面一样，这是第一次一次我发布消息，可以避免吗？还是正常的提交？

<div id = "typeSection">
<label for="message">Message:</label>
<form action="#" id="typeForm">
<label for="message"></label>
<textarea id= "character">0/280.</p>
<input type="submit" id = "addButton" value="Submit">

这是在CodePen中运行的组件：

https://codepen.io/LeonAGA/pen/vroRBB

Answer 1

const items = [{label:'1',url:'1.png'},{label:'2',url:'2.png'},{label:'3',url:'3.png'},{label:'4',url:'4.png'},{label:'5',url:'5.png'},{label:'6',url:'6.png'},{label:'7',url:'7.png'},{label:'8',url:'8.png'},{label:'9',url:'9.png'},{label:'10',url:'10.png'},{label:'11',url:'11.png'},{label:'12',url:'12.png'},{label:'13',url:'13.png'},{label:'14',url:'14.png'},{label:'15',url:'15.png'},{label:'16',url:'16.png'},{label:'17',url:'17.png'},{label:'18',url:'18.png'},{label:'19',url:'19.png'},{label:'20',url:'20.png'},{label:'21',url:'21.png'},{label:'22',url:'22.png'},{label:'23',url:'23.png'},{label:'24',url:'24.png'},{label:'25',url:'25.png'},{label:'26',url:'26.png'},{label:'27',url:'27.png'},{label:'28',url:'28.png'},{label:'29',url:'29.png'}];

const selected = new Set();

while (selected.size <= 9) {
  selected.add(items[Math.floor(Math.random() * items.length)]);
}

console.log([...selected]);

操作值可能是在网址后添加＃的原因，请尝试分配“”而不是＃符号

Answer 2

在下面的表单标记中添加“ action =“＃”“时：

<form action="#" id="typeForm">

它将页面重定向到当前URL，并在其末尾附加一个“＃”。如果您输入：

<form action="" id="typeForm">

您不必再担心“＃”了。

可以避免输入中在URL中添加的？＃吗？

2 个答案: