整个代码块粘贴到.html 后缀文件，浏览器打开，可以搜索语法
<!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: 'Microsoft YaHei', sans-serif;
margin: 20px;
background-color: #f5f5f5;
}
.container {
max-width: 1400px;
margin: 0 auto;
background-color: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
h1 {
text-align: center;
color: #333;
margin-bottom: 30px;
}
.search-box {
margin-bottom: 20px;
text-align: center;
}
.search-box input {
width: 300px;
padding: 10px;
font-size: 16px;
border: 2px solid #ddd;
border-radius: 5px;
}
.search-box select {
padding: 10px;
font-size: 16px;
border: 2px solid #ddd;
border-radius: 5px;
margin-left: 10px;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
th {
background-color: #4CAF50;
color: white;
padding: 12px;
text-align: left;
position: sticky;
top: 0;
z-index: 10;
}
td {
padding: 10px;
border-bottom: 1px solid #ddd;
}
tr:nth-child(even) {
background-color: #f9f9f9;
}
tr:hover {
background-color: #f0f0f0;
}
.lesson-num {
font-weight: bold;
color: #4CAF50;
}
.grammar-point {
font-weight: bold;
color: #2196F3;
}
.connection {
color: #ff5722;
font-style: italic;
}
.example {
color: #795548;
line-height: 1.5;
}
.meaning {
color: #9c27b0;
}
@media (max-width: 768px) {
table {
font-size: 14px;
}
td, th {
padding: 8px;
}
}
</style>
</head>
<body>
<div class="container">
<h1>新标日初级语法点总结（第1-48课）</h1>
<div class="search-box">
<input type="text" id="searchInput" placeholder="搜索语法点、接续或含义...">
<select id="lessonFilter">
<option value="">所有课程</option>
</select>
</div>
<table id="grammarTable">
<thead>
<tr>
<th width="8%">课程</th>
<th width="20%">语法点</th>
<th width="20%">接续</th>
<th width="20%">含义</th>
<th width="32%">例句</th>
</tr>
</thead>
<tbody id="grammarBody">
<!-- 语法内容将通过JavaScript动态生成 -->
</tbody>
</table>
</div>
<script>
const grammarData = [
// 第1课
{lesson: 1, point: "~は~です", connection: "名詞+は+名詞+です", meaning: "~是~", example: "私は中国人です。王さんは会社員です。"},
{lesson: 1, point: "~は~ではありません/じゃありません", connection: "名詞+は+名詞+ではありません/じゃありません", meaning: "~不是~", example: "私は日本人ではありません。王さんは社長じゃありません。"},
{lesson: 1, point: "~は~ですか", connection: "名詞+は+名詞+ですか", meaning: "~是~吗？", example: "王さんは学生ですか。" },
{lesson: 1, point: "~の~", connection: "名詞+の+名詞", meaning: "~的~", example: "中国の企業。大学の先生。" },
// 第2课
{lesson: 2, point: "これ/それ/あれ/どれ", connection: "指示代词", meaning: "这个/那个/那个/哪个", example: "これはなんですか。それは本です。" },
{lesson: 2, point: "これ/それ/あれはだれの~ですか", connection: "指示代词+は+だれの+名詞+ですか", meaning: "这个/那个/那个是谁的~？", example: "これはだれの鞄ですか。それは李さんの鞄です。" },
{lesson: 2, point: "これ/それ/あれは 何の~ですか", connection: "指示代词+は+何の+名詞+ですか", meaning: "这个/那个/那个是什么~？", example: "それは何の本ですか。これは日本語の本です。" },
{lesson: 2, point: "この/その/あの+名詞", connection: "この/その/あの+名詞", meaning: "这个~/那个~/那个~", example: "この本。その椅子。あの雑誌。" },
{lesson: 2, point: "どれ/どの+名詞", connection: "どれ/どの+名詞", meaning: "哪个/哪个~", example: "李さんの本はどれですか。李さんの本はどの本ですか。" },
// 第3课
{lesson: 3, point: "ここ/そこ/あそこ/どこ", connection: "指示代词", meaning: "这里/那里/那里/哪里", example: "トイレはここです。" },
{lesson: 3, point: "~は~です", connection: "名詞+は+名詞+です", meaning: "...在...", example: "猫はトイレです。小野さんは事務所です。" },
{lesson: 3, point: "~も~", connection: "名詞+も", meaning: "~也~", example: "あそこもトイレです。李さんも中国人です。" },
{lesson: 3, point: "~は~ですか、~は~ですか", connection: "疑问句", meaning: "是~还是~", example: "今日は水曜日ですか、木曜日ですか。" },
{lesson: 3, point: "こちら/そちら/あちら/どちら", connection: "指示代词", meaning: "这边/那边/那边/哪边", example: "お国はどちらですか。電話はそちらです。" },
// 第4课
{lesson: 4, point: "~は~にあります/います", connection: "名詞+は+名詞+に+あります/います", meaning: "某人/物在某地", example: "犬は庭にいます。本とノートは机の上にあります。" },
{lesson: 4, point: "~に~があります/います", connection: "名詞+に+名詞+が+あります/います", meaning: "某地有某物", example: "机の上に本とノートがあります。" },
{lesson: 4, point: "名と名", connection: "名詞+と+名詞", meaning: "名词和名词", example: "時計と眼鏡。" },
{lesson: 4, point: "~ね", connection: "句子+ね", meaning: "征求同意", example: "あそこに犬がいますね。" },
// 第5课
{lesson: 5, point: "动词时态", connection: "动词ます/ません/ました/ませんでした", meaning: "动词的时态变化", example: "昨日休みました。今日勉強します。" },
{lesson: 5, point: "~に", connection: "时间+に", meaning: "在~时", example: "田中さんは9時に起きます。" },
{lesson: 5, point: "~から~まで", connection: "时间+から+时间+まで", meaning: "从~到~", example: "郵便局は9時から5時までです。" },
{lesson: 5, point: "いつもは~ごろです", connection: "いつもは+时间+ごろです", meaning: "通常在~左右", example: "いつもは七時ごろです。" },
// 第6课
{lesson: 6, point: "~へ~", connection: "名詞+へ+行きます/来ます/帰ります", meaning: "~去...", example: "私は学校へ行きます。" },
{lesson: 6, point: "~と~", connection: "名詞+と+动词", meaning: "~和...", example: "李さんは森さんと家へ帰ります。" },
{lesson: 6, point: "~で~", connection: "名詞+で+动词", meaning: "乘~/用~", example: "王さんは歩いて学校へ行きます。" },
{lesson: 6, point: "~から~まで", connection: "名詞+から+名詞+まで", meaning: "从...来，到...去", example: "李さんは大連から来ました。" },
{lesson: 6, point: "其他助词+は", connection: "助词+は", meaning: "表示对比，强调", example: "私の部屋には電話がありません。" },
// 第7课
{lesson: 7, point: "~を", connection: "名詞+を+动词", meaning: "动作对象", example: "私は昨日、テレビを見ました。" },
{lesson: 7, point: "~をください", connection: "名詞+を+ください", meaning: "请给我......", example: "コーラをください。" },
{lesson: 7, point: "~で~", connection: "名詞+で+动词", meaning: "动作发生的场所", example: "学校で勉強します。" },
{lesson: 7, point: "~か~", connection: "名詞+か+名詞+を+动词", meaning: "或者", example: "そばかうどんを食べます。" },
// 第8课
{lesson: 8, point: "~に~をあげます", connection: "名詞+に+名詞+を+あげます", meaning: "给......", example: "私は弟にプレゼントをあげます。" },
{lesson: 8, point: "~に~をもらいます", connection: "名詞+に+名詞+をもらいます", meaning: "得到......", example: "私は妹に本をもらいます。" },
{lesson: 8, point: "~で~", connection: "名詞+で+动词", meaning: "表示方式,方法,手段,原材料", example: "木で机を作ります。" },
{lesson: 8, point: "~よ", connection: "句子+よ", meaning: "提醒、告知", example: "李さん、最近太りますよ。" },
// 第9课
{lesson: 9, point: "一类形容词变形", connection: "い形容词变形", meaning: "一类形容词时态变化", example: "大きいです。おおきくないです。おおきかったです。おおきくなかったです。" },
{lesson: 9, point: "あまり/ぜんぜん…ない", connection: "あまり/ぜんぜん+否定", meaning: "不怎么.../完全不...", example: "あまり難しくありません。ぜんぜん美味しくありません。" },
{lesson: 9, point: "程度副词", connection: "とても/たいへん/すこし/ちょっと", meaning: "程度副词", example: "とてもおいしいです。すこし辛いです。" },
{lesson: 9, point: "~から遠い/~に近い", connection: "~から遠い/~に近い", meaning: "离...远/离...近", example: "北京から遠いですか。家に近いです。" },
// 第10课
{lesson: 10, point: "二类形容词+な+名词", connection: "二类形容词+な+名词", meaning: "二类形容词修饰名词", example: "ハンサムな人。王さんは親切な人です。" },
{lesson: 10, point: "二类形容词/名词变形", connection: "二类形容词/名词变形", meaning: "二类形容词/名词时态变化", example: "きれいです。きれいではありません。きれいでした。きれいではありませんでした。" },
{lesson: 10, point: "接续词", connection: "でも/そして/ところで", meaning: "但是/并且/话说回来", example: "昨日は寒かったです。でも、今日はあまり寒くないです。" },
{lesson: 10, point: "いろいろ", connection: "いろいろ+な+名词", meaning: "各种各样", example: "いろいろな人。" },
{lesson: 10, point: "世界中/全世界", connection: "名词+中", meaning: "场所内全部/时间期间一直", example: "世界中。日本中。" },
// 第11课
{lesson: 11, point: "~は~が好きです/嫌いです/怖いです/上手です/下手です/苦手です", connection: "名詞+は+名詞+が+好きです等", meaning: "喜欢/讨厌/害怕/擅长/不擅长/不擅长", example: "私は日本料理が好きです。小野さんは英語が上手ですね。" },
{lesson: 11, point: "~は~が分かります/できます", connection: "名詞+は+名詞+が+分かります/できます", meaning: "懂/会", example: "私は日本語が分かります。小野さんは英語ができます。" },
{lesson: 11, point: "~や~や~など", connection: "名詞+や+名詞+や+名詞+など", meaning: "部分列举", example: "机の上に辞書や雑誌などがあります。" },
{lesson: 11, point: "~どうしてですか；~から、~", connection: "句子+から、句子", meaning: "因为...", example: "お酒が嫌いです。だから、飲みません。" },
// 第12课
{lesson: 12, point: "~は~より~です", connection: "名詞+は+名詞+より+形容词です", meaning: "比...更...", example: "女の子は男の子よりずっと高いです。" },
{lesson: 12, point: "~は~ほど~ないです", connection: "名詞+は+名詞+ほど+形容词ないです", meaning: "不如...那么...", example: "北京は上海ほどにぎやかではありません。" },
{lesson: 12, point: "~と~とどちらが~ですか", connection: "名詞+と+名詞+とどちらが+形容词ですか", meaning: "哪个更...", example: "猫と犬とどちらが好きですか。" },
{lesson: 12, point: "~（の中）で~がいちばん~です", connection: "名詞+で+名詞+がいちばん+形容词です", meaning: "在...中最...", example: "季節の中で、いつがいちばん好きですか。" },
// 第13课
{lesson: 13, point: "数量词+动词", connection: "数量词+动词", meaning: "数量词句中位置", example: "教室に学生が4人います。" },
{lesson: 13, point: "时间名词+动词", connection: "时间名词+动词", meaning: "时间段内进行活动次数", example: "森さんは今日は3時間勉強しました。" },
{lesson: 13, point: "时间范围に数量词+动", connection: "时间范围+に+数量词+动", meaning: "时间段内频率", example: "この花は二年に一度咲きます。" },
{lesson: 13, point: "~に~", connection: "目的+に+移动动词", meaning: "目的", example: "公園へ散歩しに行きます。" },
{lesson: 13, point: "数量词+で", connection: "数量词+で", meaning: "一共...", example: "りんごは3個で100円です。" },
// 第14课
{lesson: 14, point: "动词分类", connection: "动词分类", meaning: "一类/二类/三类动词", example: "一类动词：ます前边的假名在「い」段上。" },
{lesson: 14, point: "て形变形", connection: "て形变形", meaning: "て形变形规则", example: "書きますー書いて。" },
{lesson: 14, point: "~てください", connection: "动词て形+てください", meaning: "请...", example: "窓を閉めてください。" },
{lesson: 14, point: "~て、~", connection: "动词て形+て、动词", meaning: "动作相继发生", example: "今朝、ジョギングをして、会社へ行きました。" },
{lesson: 14, point: "~てから、~", connection: "动词て形+てから、动词", meaning: "动作相继发生", example: "コピーしてから、すぐ会議室に来てください。" },
// 第15课
{lesson: 15, point: "~に", connection: "名詞+に", meaning: "动作的附着点", example: "財布をバスに忘れました。" },
{lesson: 15, point: "~ています", connection: "动词て形+ています", meaning: "动作正在进行", example: "今お風呂に入っています。" },
{lesson: 15, point: "~てもいいです", connection: "动词て形+てもいいです", meaning: "可以做...", example: "もう帰ってもいいですよ。" },
{lesson: 15, point: "~てはいけません", connection: "动词て形+てはいけません", meaning: "禁止做...", example: "教室で物を食べてはいけません。" },
// 第16课
{lesson: 16, point: "~ています", connection: "动词て形+ています", meaning: "状态保持", example: "私は車を持っています。" },
{lesson: 16, point: "形容词和名词的并列", connection: "形容词+くて/で", meaning: "形容词并列", example: "このお菓子は甘くて、おいしくて、安いです。" },
{lesson: 16, point: "~が、~", connection: "小句+が、+小句", meaning: "虽然...但...", example: "この家は駅から近いですが、狭いです。" },
// 第17课
{lesson: 17, point: "~がほしいです", connection: "名詞+がほしいです", meaning: "想要...", example: "私は新しい洋服がほしいです。" },
{lesson: 17, point: "~たいです", connection: "动词ます形+たいです", meaning: "想做...", example: "私はぜひ日本へ旅行に行きたいです。" },
{lesson: 17, point: "~ませんか/ましょう", connection: "动词ます形+ませんか/ましょう", meaning: "建议/邀请", example: "一緒にアニメを見ませんか。" },
{lesson: 17, point: "疑问词+でも+肯定", connection: "疑问词+でも+肯定", meaning: "全面肯定", example: "何でもいいです。" },
// 第18课
{lesson: 18, point: "~になります", connection: "形1去い+く+になります/形2/名+に+になります", meaning: "变化/成为...", example: "赤ちゃんは大きくなりました。" },
{lesson: 18, point: "~します", connection: "形1去い+く+します/形2/名+に+します", meaning: "使...变得...", example: "ラジオの音を大きくします。" },
{lesson: 18, point: "自动词和他动词", connection: "自动词和他动词", meaning: "不借外力/需外力", example: "女の子が寝ています。ラーメンを食べました。" },
{lesson: 18, point: "~ほうがいいです", connection: "形1い+ほうがいいです/形2な+ほうがいいです/名+の+ほうがいいです", meaning: "...比较好", example: "ホテルは部屋が広いほうがいいです。" },
// 第19课
{lesson: 19, point: "动词ない形", connection: "动词ない形", meaning: "动词否定基本形", example: "書く→書かない" },
{lesson: 19, point: "~ないでください", connection: "动词ない形+ないでください", meaning: "请不要...", example: "写真を撮らないでください。" },
{lesson: 19, point: "~なければなりません", connection: "动词ない形+なければなりません", meaning: "必须...", example: "1日に3時間日本語を勉強しなければなりません。" },
{lesson: 19, point: "~なくてもいいです", connection: "动词ない形+なくてもいいです", meaning: "不...也可以", example: "明日は残業しなくてもいいです。" },
{lesson: 19, point: "が", connection: "が", meaning: "新信息主语/客观描述/疑问词主语", example: "どこが痛いですか。" },
{lesson: 19, point: "も", connection: "も", meaning: "强调数量多", example: "何度も。" },
// 第20课
{lesson: 20, point: "动词基本形", connection: "动词基本形", meaning: "动词辞书形", example: "書く→書く" },
{lesson: 20, point: "~ことができます", connection: "动词基本形+ことができます", meaning: "可以...", example: "中国語を話すことができますか。" },
{lesson: 20, point: "~ことです", connection: "动词基本形+ことです", meaning: "构成名词短句", example: "わたしの趣味は切手を集めることです。" },
{lesson: 20, point: "~前に、~", connection: "名词+の+前に/动词基本形+前に", meaning: "在...之前", example: "宿題ができる前に、テレビを見ることができません。" },
{lesson: 20, point: "疑问词+か", connection: "疑问词+か", meaning: "不确定", example: "何か食べましたか。" },
{lesson: 20, point: "みんなで~", connection: "みんなで~", meaning: "主体样态", example: "みんなで餃子を作ります。" },
{lesson: 20, point: "よね", connection: "句子+よね", meaning: "征求同意", example: "この傘は森さんのですよね。" },
// 第21课
{lesson: 21, point: "~たことがあります", connection: "动词た形+たことがあります", meaning: "曾经...", example: "私は日本へ行ったことがあります。" },
{lesson: 21, point: "~後で、~", connection: "名词+の+後で/动词た形+た後で", meaning: "在...之后", example: "宿題をした後で、お風呂に入ります。" },
{lesson: 21, point: "~たほうがいいです/ないほうがいいです", connection: "动词た形+たほうがいいです/ない形+ないほうがいいです", meaning: "最好.../最好不要...", example: "もう一度考えたほうがいいですよ。" },
{lesson: 21, point: "~ましょうか", connection: "动词ます形+ましょうか", meaning: "提议/邀请", example: "一緒にご飯を食べに行きましょうか。" },
// 第22课
{lesson: 22, point: "敬体和简体", connection: "敬体和简体", meaning: "礼貌体/普通体", example: "昼ご飯食べた？うん、楽しかった。" },
{lesson: 22, point: "~けど/が", connection: "句子+けど/が", meaning: "但是/并且", example: "日本の生活は忙しいけど、楽しい。" },
{lesson: 22, point: "って=という", connection: "句子+って", meaning: "据说", example: "太田、今度中国へ転勤だって。" },
{lesson: 22, point: "かな", connection: "句子+かな", meaning: "不确定", example: "情報が不確定。" },
{lesson: 22, point: "わね", connection: "句子+わね", meaning: "感叹+确认", example: "この問題は難しいわね。" },
{lesson: 22, point: "話し方", connection: "动词ます形+方", meaning: "方法", example: "読み方。" },
// 第23课
{lesson: 23, point: "~たり、~たりします", connection: "动词た形+たり、动词た形+たりします", meaning: "有时...有时...", example: "昨日は買い物に行ったり、散歩したりしました。" },
{lesson: 23, point: "~たり~たりです", connection: "形容词た形+たり", meaning: "多种状态并存", example: "日本語の先生は中国人だったり、日本人だったりです。" },
{lesson: 23, point: "疑问词小句+か", connection: "小句+か", meaning: "将疑问句嵌入句子", example: "李さんはいつ中国へ帰るか知っていますか。" },
{lesson: 23, point: "~かどうか、~", connection: "小句+かどうか", meaning: "是否...", example: "北京へ帰るかどうか分かりません。" },
// 第24课
{lesson: 24, point: "~と思います", connection: "小句+と思います", meaning: "我认为...", example: "日本語の勉強はおもしろいと思います。" },
{lesson: 24, point: "~と言います", connection: "小句+と言います", meaning: "...说...", example: "王さんは明日来ないと言いました。" },
// 第25课
{lesson: 25, point: "小句（动词简体）+名词", connection: "小句+名词", meaning: "动词小句修饰名词", example: "これは会議で使う資料です。" },
{lesson: 25, point: "小句（动词简体形）+名は~~です", connection: "小句+名は~~です", meaning: "动词小句做主语", example: "小野さんが作る料理はおいしいです。" },
{lesson: 25, point: "小句（动词简体形）+名を／に／から", connection: "小句+名を／に／から", meaning: "动词小句修饰宾语", example: "日本から来た森さんに中国語を教えます。" },
{lesson: 25, point: "小句（一类形 / 二类形 / 名词）+名词", connection: "小句+名词", meaning: "形容词/名词修饰名词", example: "駅に近い家を借りたいです。" },
// 第26课
{lesson: 26, point: "小句（动简）+ の + は + 形 です", connection: "小句+の+は+形です", meaning: "动词小句名词化做主语", example: "小説を書くのはおもしろいです。" },
{lesson: 26, point: "~でしょう/だろう", connection: "小句+でしょう/だろう", meaning: "大概...吧", example: "森さんは会社へ行かないでしょう。" },
{lesson: 26, point: "小句 + かもしれません", connection: "小句+かもしれません", meaning: "可能...", example: "課長は場所が分からないかもしれません。" },
// 第27课
{lesson: 27, point: "~時、~", connection: "形容词+時 / 形容动词+な+時 / 名词+の+時", meaning: "在...的时候", example: "子供の時、田舎の小さな村に住んでいた。" },
{lesson: 27, point: "~ながら、~", connection: "动词ます形+ながら", meaning: "一边...一边...", example: "ビールを飲みながら食事をしています。" },
{lesson: 27, point: "~でしょう（表示确认）", connection: "小句+でしょう", meaning: "确认", example: "王さん、明日のパーティーに来るでしょう。" },
{lesson: 27, point: "Ｖ+ています", connection: "动词て形+ています", meaning: "习惯/反复动作", example: "毎朝、犬の散歩をしています。" },
{lesson: 27, point: "名詞+で", connection: "名詞+で", meaning: "原因", example: "王さんは病気で学校を休みます。" },
{lesson: 27, point: "助词「と」/「に」", connection: "助词「と」/「に」", meaning: "动作对象", example: "昨日山田に会いました。" },
// 第28课
{lesson: 28, point: "~に~をくれます", connection: "名詞+に+名詞+を+くれます", meaning: "别人给我...", example: "誕生日に父は時計をくれました。" },
{lesson: 28, point: "~てあげます", connection: "动词て形+てあげます", meaning: "为别人做...", example: "メリーさんに地図を書いてあげます。" },
{lesson: 28, point: "~てくれます", connection: "动词て形+てくれます", meaning: "别人为我做...", example: "母は私にお弁当を作ってくれました。" },
{lesson: 28, point: "~てもらいます", connection: "动词て形+てもらいます", meaning: "请别人做...", example: "息子はマリーさんに英語の作文を直してもらいました。" },
// 第29课
{lesson: 29, point: "动词的命令形", connection: "动词命令形", meaning: "命令/要求", example: "早く言え。" },
{lesson: 29, point: "动词（基本形）+な", connection: "动词基本形+な", meaning: "禁止", example: "教室で遊ぶな。" },
{lesson: 29, point: "~なさい", connection: "动词ます形+なさい", meaning: "叮嘱", example: "早くお風呂に入りなさい。" },
{lesson: 29, point: "~て／~ないで（省略ください）", connection: "动词て形／ない形", meaning: "祈使", example: "ちょっと急いで。" },
{lesson: 29, point: "~という~", connection: "名词/小句+という+名词", meaning: "叫做~的~", example: "それは桜という花です。"},
// 第30课（上）
{lesson: 30, point: "动词意志形", connection: "动词意志形", meaning: "意志/提议", example: "書く→書こう" },
{lesson: 30, point: "[动词意志形]+と思います", connection: "[动词意志形]+と思います", meaning: "打算...", example: "今日は早く帰ろうと思います。" },
{lesson: 30, point: "~ので、~", connection: "小句+ので", meaning: "因为...", example: "明日の朝早く出かけるので、今から準備します。" },
{lesson: 30, point: "人でいっぱいです", connection: "名詞+で+いっぱいです", meaning: "因为人多所以满了", example: "会場に人がいっぱいです。" },
// 第31课
{lesson: 31, point: "~~と、~~", connection: "小句+と", meaning: "一...就...", example: "春になると、花が咲きます。" },
{lesson: 31, point: "~~+ことがあります", connection: "动词基本形+ことがあります", meaning: "有时...", example: "時々学校を休むことがあります。" },
{lesson: 31, point: "形容词修饰动词", connection: "形1く/形2に+动词", meaning: "副词用法", example: "おいしくケーキを食べています。" },
{lesson: 31, point: "~~でしょうか", connection: "小句+でしょうか", meaning: "推量语气", example: "どちら様でしょうか。" },
// 第32课
{lesson: 32, point: "~つもりです", connection: "动词基本形/ない形+つもりです", meaning: "打算...", example: "国へ帰っても、柔道を続けるつもりです。" },
{lesson: 32, point: "~予定です", connection: "动词基本形/ない形+予定です", meaning: "预定...", example: "7月の終わりにドイツへ出張する予定です。" },
{lesson: 32, point: "~ことにします/しました", connection: "动词基本形/ない形+ことにします/しました", meaning: "决定...", example: "今日からお酒を飲まないことにします。" },
{lesson: 32, point: "~ことになりました", connection: "动词基本形/ない形+ことになりました", meaning: "决定...", example: "天気が悪いので、飛行機が飛ばないことになりました。" },
{lesson: 32, point: "~そうです（传闻）", connection: "小句+そうです", meaning: "听说...", example: "友達の話では、田中さんは飛行機が苦手だそうです。" },
// 第33课（上）
{lesson: 33, point: "自动词/他动词", connection: "自动词/他动词", meaning: "不借外力/需外力", example: "女の子が寝ています。ラーメンを食べました。" },
{lesson: 33, point: "~が（自动词）てあります", connection: "~が（自动词）てあります", meaning: "动作结果状态保持", example: "部屋の電気が消えています。" },
{lesson: 33, point: "~てしまいました/~てしまいます", connection: "动词て形+てしまいました", meaning: "彻底完成/后悔", example: "お菓子を全部食べてしまいました。" },
{lesson: 33, point: "~そうだ（样态）", connection: "动词ます形/い形容词去い/な形容词词干+そうだ", meaning: "看起来~", example: "雨が降りそうだ。高そうです。"},
// 第34课
{lesson: 34, point: "~が（他动词）てあります", connection: "~が（他动词）てあります", meaning: "有意识动作结果保持", example: "ケーキが机の上に置いてある。" },
{lesson: 34, point: "~ておきます/とく", connection: "动词て形+ておきます", meaning: "事前准备/目的状态保持", example: "部屋を掃除しておきます。" },
{lesson: 34, point: "~てみる", connection: "动词て形+てみる", meaning: "尝试做...", example: "食べてみてください。" },
{lesson: 34, point: "~て、~", connection: "动词て形+て", meaning: "轻微因果", example: "醤油をつけて食べます。" },
{lesson: 34, point: "~ために", connection: "动词基本形/名词の+ために", meaning: "为了~", example: "9時の電車に乗るために、駅まで走りました。"},
// 第35课
{lesson: 35, point: "~たら、~", connection: "动词た形+たら", meaning: "如果...的话", example: "お金があったら、旅行に行きたいです。" },
{lesson: 35, point: "~ても", connection: "动词て形+ても", meaning: "即使...", example: "いくら安くても買わない。" },
{lesson: 35, point: "~だけ/~しか…ない", connection: "名詞+だけ/しか…ない", meaning: "只...", example: "リンゴだけ食べました。" },
{lesson: 35, point: "名词+でも", connection: "名詞+でも", meaning: "就算...", example: "この問題は先生でも分かりません。" },
// 第36课
{lesson: 36, point: "~て、~", connection: "动词て形+て", meaning: "轻微因果", example: "ニュースを聞いて、びっくりしました。" },
{lesson: 36, point: "~に", connection: "名詞+に", meaning: "用途/基准", example: "このはさみはキムチを切るのに使っている。" },
{lesson: 36, point: "~ばかり", connection: "名詞+ばかり", meaning: "只...", example: "肉ばかり食べてはいけないよ。" },
{lesson: 36, point: "~が見える/聞こえる", connection: "名词/小句の+が見える/聞こえる", meaning: "能看见/能听见", example: "海が見えます。隣でマージャンをしているのが聞こえますか。"},
// 第37课
{lesson: 37, point: "~ば、~", connection: "动词ば形+ば", meaning: "如果...", example: "北海道へ行けば、スキーができます。" },
{lesson: 37, point: "~なら、~", connection: "小句+なら", meaning: "如果...", example: "王さんなら、もう帰りましたよ。" },
{lesson: 37, point: "名词+でも", connection: "名詞+でも", meaning: "......什么的", example: "お茶でも飲みませんか。" },
{lesson: 37, point: "~とか~とか", connection: "名詞+とか+名詞+とか", meaning: "不完全列举", example: "ケーキとか和菓子とかの甘いものは、あまり好きではありません。" },
// 第38课
{lesson: 38, point: "可能形", connection: "可能形", meaning: "可能/能力/允许", example: "どれぐらい泳げますか。" },
{lesson: 38, point: "~ように、~", connection: "动词基本形/ない形+ように", meaning: "为了...", example: "ミスをしないように、何回も練習しました。" },
{lesson: 38, point: "~ようになります", connection: "动词基本形/ない形+ようになります", meaning: "变得能...", example: "自転車に乗れるようになりました。" },
{lesson: 38, point: "~ようにします", connection: "动词基本形/ない形+ようにします", meaning: "努力使...", example: "遅刻しないようにします。" },
// 第39课
{lesson: 39, point: "~て、/ないで、~", connection: "动词て形/ない形", meaning: "保持状态", example: "醤油をつけて食べます。" },
{lesson: 39, point: "~ため（に）、~", connection: "小句+ため（に）", meaning: "因为...", example: "台風のため、飛行機が飛べなくなりました。" },
{lesson: 39, point: "~てくる/ていく", connection: "动词て形+くる/いく", meaning: "~过来/过去", example: "窓を開けると、かわいい小鳥が飛んできました。"},
// 第40课
{lesson: 40, point: "~ところです", connection: "动词基本形/ている/た形+ところです", meaning: "正要.../正在.../刚刚...", example: "髪を切っているところです。" },
{lesson: 40, point: "~たばかりです", connection: "动词た形+たばかりです", meaning: "刚刚...", example: "今年の3月に卒業したばかりです。" },
{lesson: 40, point: "复合动词", connection: "动词去ます+始めます/続けます/終わります", meaning: "开始/继续/结束", example: "雨が降り始めました。" },
// 第41课
{lesson: 41, point: "动词被动形", connection: "动词被动形", meaning: "被动/被害", example: "私は犬に噛まれました。" },
{lesson: 41, point: "~に~（ら）れる", connection: "人に动词被动形", meaning: "被某人~", example: "私は犬に噛まれました。私は部長に仕事を頼まれた。"},
{lesson: 41, point: "被害被动", connection: "人に动词被动形", meaning: "遭受~", example: "雨に降られて、ぬれてしまいました。父に死なれて、苦労した。"},
// 第42课
{lesson: 42, point: "~まま、~", connection: "动词た形/ない形/名词+の+まま", meaning: "保持着...", example: "手をポケットに入れたまま、挨拶するのは失礼ですよ。" },
{lesson: 42, point: "~のに、~", connection: "小句+のに", meaning: "虽然...但是...", example: "薬を飲んだのに治らない。" },
{lesson: 42, point: "~はずだ", connection: "小句+はずだ", meaning: "按理说应该...", example: "あの子は今年卒業のはずだ。" },
{lesson: 42, point: "~はずがない", connection: "小句+はずがない", meaning: "不可能...", example: "そんなひどいことをするはずがありません。" },
// 第43课
{lesson: 43, point: "动词使役形", connection: "动词使役形", meaning: "使.../让...", example: "部長は森さんを出張させます。" },
{lesson: 43, point: "~を/に~させる", connection: "人を/に动词使役形", meaning: "让某人做~", example: "部長は森さんを出張させます。母は妹に部屋を掃除させます。"},
{lesson: 43, point: "使役被动", connection: "使役被动", meaning: "被迫...", example: "学生は先生に本を読まされました。" },
{lesson: 43, point: "使役+てください・ないでください", connection: "使役+てください", meaning: "请让我...", example: "新しい曲、ぜひ聞かせてください。" },
{lesson: 43, point: "~すぎる", connection: "动词去ます/形容词词干+すぎる", meaning: "太...了", example: "この問題は難しすぎます。" },
{lesson: 43, point: "~やすい/にくい", connection: "动词ます形+やすい/にくい", meaning: "容易~/难~", example: "滑りやすいので、気をつけてください。この漢字は読みにくいですね。"},
// 第44课
{lesson: 44, point: "~ようだ/みたいだ（推测）", connection: "小句+ようだ/みたいだ", meaning: "好像...", example: "誰が来たようです。" },
{lesson: 44, point: "~らしい（推测）", connection: "小句+らしい", meaning: "好像...", example: "彼女は頭がいいらしいです。" },
{lesson: 44, point: "~ようだ/みたいだ（比喻）", connection: "小句+ようだ/みたいだ", meaning: "像...一样", example: "雲はまるで綿菓子のようです。" },
{lesson: 44, point: "~らしい（典型性）", connection: "名+らしい", meaning: "不愧是...", example: "あの人はいかにも社長らしいです。" },
{lesson: 44, point: "~までに", connection: "名/动基本形+までに", meaning: "在...之前", example: "降りるまでずっと電車で立っていました。" },
{lesson: 44, point: "~~間、~~間に", connection: "动/名+の+間/間に", meaning: "在...期间", example: "夏休みの間、ずっと北海道にいました。" },
{lesson: 44, point: "~がする", connection: "(匂い・味・声・音・気・感じ)+がする", meaning: "...的感觉", example: "変な匂いがしますね。" },
{lesson: 44, point: "~過ぎる", connection: "动词ます形/形容词词干+過ぎる", meaning: "太~", example: "この問題は難しすぎます。寝すぎて、頭が痛いです。"},
// 第45课
{lesson: 45, point: "~てくる/ていく", connection: "动词て形+てくる/ていく", meaning: "过来/过去", example: "ずっとこの会社で働いてきました。" },
{lesson: 45, point: "~てきました", connection: "（非意志）动词て形+てきました", meaning: "逐渐变化", example: "雨が降ってきました。" },
{lesson: 45, point: "~し、~し、", connection: "小句+し", meaning: "又...又...", example: "あの店はおいしいし、安いし、便利です。" },
{lesson: 45, point: "~ば~ほど", connection: "动词/形容词假定形+ば~ほど", meaning: "越~越~", example: "練習すればするほど、上手になるでしょう。"},
// 第46课
{lesson: 46, point: "~ようだ/みたいだ（比喻）", connection: "名詞+の+ようだ/みたいだ", meaning: "像...一样", example: "雲はまるで綿菓子のようです。" },
{lesson: 46, point: "名詞+でも", connection: "名詞+でも", meaning: "就算...", example: "この問題は先生でも分かりません。" },
{lesson: 46, point: "~らしい（典型）", connection: "名词+らしい", meaning: "有~的样子", example: "あの人はいかにも社長らしいです。学生らしくもっと勉強しなさい。"},
{lesson: 46, point: "~までに", connection: "时间/动词基本形+までに", meaning: "在~之前", example: "明日9時までに、この教室に来てください。"},
{lesson: 46, point: "~間/間に", connection: "动词（简体）/名词の+間/間に", meaning: "~期间", example: "夏休みの間、ずっと北海道にいました。留守の間に、泥棒が入った。"},
// 第47课
{lesson: 47, point: "尊他语", connection: "お/ご~になります/ください/~（ら）れる", meaning: "尊敬语", example: "社長がいらっしゃいます。" },
{lesson: 47, point: "自谦语", connection: "特殊自谦动词/お/ご~します", meaning: "自谦语", example: "わたくしが運転いたします。" },
{lesson: 47, point: "授受表現", connection: "授受表現", meaning: "授受表达", example: "先生にお土産をさしあげました。" },
{lesson: 47, point: "お/ご~になります", connection: "お+动词ます形+になります", meaning: "尊他语", example: "お泊りになりました。ご出席になります。"},
{lesson: 47, point: "お/ご~ください", connection: "お+动词ます形+ください", meaning: "请~（尊他）", example: "お名前をお書きください。ご注意ください。"},
{lesson: 47, point: "~（ら）れる（尊他）", connection: "动词被动形", meaning: "尊他语", example: "先生はもうこの本を読まれましたか。社長は明日から九州へ出張されます。"},
// 第48课
{lesson: 48, point: "尊他语句型补充", connection: "お/ご~です", meaning: "尊他语句型补充", example: "ご注文はお決まりでしょうか。" },
{lesson: 48, point: "自谦表达补充", connection: "自谦表达补充", meaning: "自谦表达补充", example: "わたし（たち）⇒わたくし（ども）" },
{lesson: 48, point: "お/ご~します", connection: "お+动词ます形+します", meaning: "自谦语", example: "お待たせしました。お会いしました。"},
{lesson: 48, point: "~させていただきます", connection: "动词使役形+ていただきます", meaning: "请让我~（自谦）", example: "今日休業させていただきます。私に行かせていただけますか。"},
{lesson: 48, point: "~ていただけますか", connection: "动词て形+いただけますか", meaning: "能请您~吗？", example: "窓を開けていただけますか。5分ほど待っていただけますか。"},
{lesson: 48, point: "特殊敬语动词", connection: "特殊动词的敬语形式", meaning: "尊他/自谦动词", example: "いらっしゃる、おっしゃる、なさる（尊他）；参る、申す、いたす（自谦）"}
];
// 生成课程选项
function generateLessonOptions() {
const select = document.getElementById('lessonFilter');
for (let i = 1; i <= 48; i++) {
const option = document.createElement('option');
option.value = i;
option.textContent = `第${i}课`;
select.appendChild(option);
}
}
// 渲染表格
function renderTable(data) {
const tbody = document.getElementById('grammarBody');
tbody.innerHTML = '';
data.forEach(item => {
const row = document.createElement('tr');
row.innerHTML = `
<td class="lesson-num">第${item.lesson}课</td>
<td class="grammar-point">${item.point}</td>
<td class="connection">${item.connection}</td>
<td class="meaning">${item.meaning}</td>
<td class="example">${item.example}</td>
`;
tbody.appendChild(row);
});
}
// 搜索和筛选功能
function filterData() {
const searchTerm = document.getElementById('searchInput').value.toLowerCase();
const selectedLesson = document.getElementById('lessonFilter').value;
let filteredData = grammarData;
// 按课程筛选
if (selectedLesson) {
filteredData = filteredData.filter(item => item.lesson == selectedLesson);
}
// 按搜索词筛选
if (searchTerm) {
filteredData = filteredData.filter(item =>
item.point.toLowerCase().includes(searchTerm) ||
item.connection.toLowerCase().includes(searchTerm) ||
item.meaning.toLowerCase().includes(searchTerm) ||
item.example.toLowerCase().includes(searchTerm)
);
}
renderTable(filteredData);
}
// 初始化
document.addEventListener('DOMContentLoaded', function() {
generateLessonOptions();
renderTable(grammarData);
// 添加事件监听
document.getElementById('searchInput').addEventListener('input', filterData);
document.getElementById('lessonFilter').addEventListener('change', filterData);
});
</script>
</body>
</html>
