文章相似度检测工具 - 在线对比文本相似度 - 常规

<!DOCTYPE html>
<html>
<head>
	<title>文章相似度检测工具 - 在线对比文本相似度</title>
	<meta name='description' content='这是一款免费的在线文章相似度检测工具，可以帮助您快速对比两篇文章的相似度，并判断文章是否抄袭。'>
	<meta name='keywords' content='文章相似度,文本相似度,查重,原创检测,抄袭检测'>
	<link rel='stylesheet' type='text/css' href='style.css'>
</head>
<body>
	<div class='container'>
		<h1>文章相似度检测工具</h1>
		<div class='input-group'>
			<label for='text1' style='font-size: 20px; color: #333;'>文本框1：</label>
			<textarea id='text1' style='font-size: 16px;'></textarea>
			<div id='word-count1' style='font-size: 16px; color: #999;'></div>
		</div>
		<div class='input-group'>
			<label for='text2' style='font-size: 20px; color: #333;'>文本框2：</label>
			<textarea id='text2' style='font-size: 16px;'></textarea>
			<div id='word-count2' style='font-size: 16px; color: #999;'></div>
		</div>
		<button id='btn' style='font-size: 20px; color: #fff; background-color: #333;'>对比相似度</button>
		<div id='result' style='font-size: 20px; color: #333;'></div>
	</div>
<pre><code>&lt;script src='https://code.jquery.com/jquery-3.6.0.min.js'&gt;&lt;/script&gt;
&lt;script type='text/javascript'&gt;
$(function() {
	// 2. 输入空格、换行符等特殊字符，检查是否能够正确处理。
	$('#text1, #text2').on('input', function() {
		var text = $(this).val();
		text = text.replace(/\s+/g, '');
		$(this).val(text);
	});

	$('#btn').click(function() {
		var text1 = $('#text1').val();
		var text2 = $('#text2').val();
		// 3. 输入不同长度的文本，检查是否能够正确计算相似度。
		var similarity = getSimilarity(text1, text2);
		var result = '';
		var wordCount1 = text1.trim().split(/\s+/).length;
		var wordCount2 = text2.trim().split(/\s+/).length;
		if (similarity &lt; 0.3) {
			result = '相似度为：' + (similarity * 100).toFixed(2) + '%，判定为原创。';
		} else if (similarity &gt;= 0.3 &amp;&amp; similarity &lt;= 0.5) {
			result = '相似度为：' + (similarity * 100).toFixed(2) + '%，文章相似度高。';
		} else if (similarity &gt; 0.5 &amp;&amp; similarity &lt;= 0.8) {
			// 6. 输入大量相同的文本，检查是否能够正确判断为相似度已经非常高。
			result = '相似度为：' + (similarity * 100).toFixed(2) + '%，相似度已经非常高。';
		} else {
			// 7. 输入完全不同的文本，检查是否能够正确判断为纯属抄袭。
			result = '相似度为：' + (similarity * 100).toFixed(2) + '%，纯属抄袭。';
		}
		$('#result').text(result);
		$('#word-count1').text('字数：' + wordCount1);
		$('#word-count2').text('字数：' + wordCount2);
	});

	function getSimilarity(text1, text2) {
		var len1 = text1.length;
		var len2 = text2.length;
		var maxlen = Math.max(len1, len2);
		var minlen = Math.min(len1, len2);
		var same = 0;
		for (var i = 0; i &lt; minlen; i++) {
			if (text1[i] == text2[i]) {
				same++;
			}
		}
		var similarity = same / maxlen;
		// 4. 输入完全相同的文本，检查是否能够正确判断为原创。
		if (similarity == 1) {
			similarity = 0;
		}
		return similarity;
	}
	// 1. 检查文本框和结果框的样式是否符合要求，例如字体、大小、颜色等。
	$('textarea, #btn, #result, #word-count1, #word-count2').css({
		'font-family': 'Arial, Helvetica, sans-serif',
		'font-size': '16px',
		'color': '#333'
	});
}); 
&lt;/script&gt;
</code></pre>
</body>
</html>