前端笔试—编程题

最新推荐文章于 2024-06-29 14:40:09 发布

玲啊玲hh

最新推荐文章于 2024-06-29 14:40:09 发布

阅读量558

点赞数

分类专栏：编程题 JavaScript 前端文章标签： javascript

本文链接：https://blog.csdn.net/weixin_43651806/article/details/108993893

版权

这篇博客主要包含三道前端编程题目，涉及JavaScript知识点。第一题讨论了如何在不刷新页面的情况下实现文件上传的关键JS代码。第二题是一个问答题，要求实现输入框自动匹配功能，匹配英文字符并在菜单中加粗，支持上下箭头选择及回车确认。第三题是使用JavaScript构建富文本编辑器的技术探讨。

摘要由CSDN通过智能技术生成

JavaScript代码

（1）给出一个上传文件时不用刷新页面的方案，要求写出关键部分js代码

<input id="upload" type="file"/>
<button id="upload-btn>点击上传</button>

<script>
ducument.getElementById('upload-btn').onclick=function(){
	var input=document.getElementById('upload');
	//选取文件
	var file=input.files[0];
	//创建表单数据对象
	var formData=new FormData();
	//将文件添加到表单数据对象中
	formData.append('file',file);
	//传输
	fetch({
		url:'/upload',
		method:'POST',
		body:'formData',
	})
	.then((d)=>{
		console.log('result is',d);
		alert('上传完毕');
	})
}
</script>

（2）(问答题)实现 input 输入框的自动匹配
在这里插入图片描述
// 对input框中输入的字符进行匹配，将匹配到的内容以菜单的形式展现在 input框的下方ÿ