在网页开发中，删除操作是不可避免的一环。而在前端中，Javascript可以让我们在页面上实现删除提交的文章的功能，这个动作通常是通过与后台交互来实现。下面就让我们来深入了解如何通过Javascript实现删除提交的文章的功能。

在实现删除提交的文章之前，需要确保文章已被提交和存储到数据库中。在HTML页面中，我们通常会使用<form>标签来实现文章的提交，而每个<form>标签都会有一个唯一的ID。可以使用表单ID来访问表单元素的任意数据。

<form id="myForm" method="post" action="saveArticle.php"><input type="hidden" name="article_id" value="2"></form>

在我们需要删除提交的文章时，需要提供该文章的ID，只有提供ID才能从服务器删除该文章。而在服务器端，通过“SQL Delete”语句可以删除指定的文章。

DELETE FROM articles WHERE id = 2

通过Javascript，我们可以创新性地实现删除提交的文章的功能。我们可以使用ajax请求，将需要删除的文章ID发送到服务器。最后，如果服务器端成功删除该文章，则显示一个消息告诉用户删除成功。

function deleteArticle(article_id) {if (confirm("确定删除该文章？")) {$.ajax({type: "POST",url: "deleteArticle.php",data: { id: article_id },success: function(response) {alert("删除成功！");}});}}

在这个例子中，我们使用了jQuery库来封装ajax请求。当用户单击删除按钮时，该函数被调用并提示用户删除该文章，如果确定删除，将通过ajax发送POST请求到服务器，然后通过响应来反馈给用户删除成功。

除此之外，还有一种常见的方式来实现删除提交的文章的功能，那就是通过表格、列表或其他HTML元素显示已提交文章的列表信息，并在每个元素中添加“删除”按钮。当用户单击“删除”按钮时，将发送一个POST请求到服务器以删除相应的文章。同样，在服务器端成功删除该文章后，我们可以向用户显示一个消息告诉其删除成功。

<table><thead><tr><th>序号</th><th>标题</th><th>删除</th></tr></thead><tbody><tr><td>1</td><td>Javascript实现删除提交的文章</td><td><button onclick="deleteArticle(1)">删除</button></td></tr><tr><td>2</td><td>jQuery实现动态加载</td><td><button onclick="deleteArticle(2)">删除</button></td></tr></tbody></table>

在这个例子中，我们在每行中添加了一个“删除”按钮，它带有一个Javascript函数作为其onclick属性值。当用户单击该按钮时，该函数将调用deleteArticle()函数并发送POST请求到服务器。当服务器端成功删除该文章时，我们将向用户显示消息，通知其删除成功。

总之，通过Javascript，我们可以实现删除提交的文章的功能。这个动作可以通过与后台交互、ajax、表格和列表等HTML元素来实现。在前端开发中，掌握这种技能对于实现动态网页的成功至关重要。