文本比较工具 - 【学校教育网】办公工具箱

📄 文本一 (原始文本)

📄 文本二 (对比文本)

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>示例页面 - 修改版</title>
    <style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin: 20px;
            background-color: #f5f5f5;
        }
        .container {
            max-width: 900px;
            margin: 0 auto;
            padding: 20px;
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        h1 {
            color: #2c3e50;
        }
    </style>
</head>
<body>
    <div class="container">
        <header>
            <h1>欢迎来到增强版示例页面</h1>
            <p>这是一个改进的示例HTML页面。</p>
        </header>
        <button id="alertBtn">点击这里</button>
        <div id="output"></div>
    </div>
    
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const btn = document.getElementById('alertBtn');
            const output = document.getElementById('output');
            
            btn.addEventListener('click', function() {
                output.innerHTML = '<p>您点击了按钮!</p>';
                alert('欢迎访问我们的页面!');
            });
            
            // 新功能：显示当前时间
            function updateTime() {
                const now = new Date();
                output.innerHTML += '<p>当前时间: ' + now.toLocaleTimeString() + '</p>';
            }
            
            setInterval(updateTime, 1000);
        });
    </script>
</body>
</html>

📖 使用说明

在左侧文本框中输入或粘贴原始文本
在右侧文本框中输入或粘贴要对比的文本
选择适合的比较类型（推荐使用HTML语法比较来对比HTML代码）
点击"开始对比"按钮查看差异结果
根据颜色标识查看新增、删除和修改的内容
可尝试不同的比较类型以获得最佳对比效果

📝 文本比较工具

📄 文本一 (原始文本)

📄 文本二 (对比文本)

📊 对比结果

📖 使用说明