一个网站做网站地图的目的,网络营销课程设计计划书,wordpress贴吧,整体网站开发Langchain系列文章目录
01-玩转LangChain#xff1a;从模型调用到Prompt模板与输出解析的完整指南 02-玩转 LangChain Memory 模块#xff1a;四种记忆类型详解及应用场景全覆盖 03-全面掌握 LangChain#xff1a;从核心链条构建到动态任务分配的实战指南 04-玩转 LangChai…Langchain系列文章目录
01-玩转LangChain从模型调用到Prompt模板与输出解析的完整指南 02-玩转 LangChain Memory 模块四种记忆类型详解及应用场景全覆盖 03-全面掌握 LangChain从核心链条构建到动态任务分配的实战指南 04-玩转 LangChain从文档加载到高效问答系统构建的全程实战 05-玩转 LangChain深度评估问答系统的三种高效方法示例生成、手动评估与LLM辅助评估 06-从 0 到 1 掌握 LangChain Agents自定义工具 LLM 打造智能工作流 07-【深度解析】从GPT-1到GPT-4ChatGPT背后的核心原理全揭秘 08-【万字长文】MCP深度解析打通AI与世界的“USB-C”模型上下文协议原理、实践与未来
Python系列文章目录
PyTorch系列文章目录
机器学习系列文章目录
深度学习系列文章目录
Java系列文章目录
JavaScript系列文章目录
01-【JavaScript-Day 1】从零开始全面了解 JavaScript 是什么、为什么学以及它与 Java 的区别 02-【JavaScript-Day 2】开启 JS 之旅从浏览器控制台到 script 标签的 Hello World 实践 03-【JavaScript-Day 3】掌握JS语法规则语句、分号、注释与大小写敏感详解 04-【JavaScript-Day 4】var 完全指南掌握变量声明、作用域及提升 05-【JavaScript-Day 5】告别 var 陷阱深入理解 let 和 const 的妙用 06-【JavaScript-Day 6】从零到精通JavaScript 原始类型 String, Number, Boolean, Null, Undefined, Symbol, BigInt 详解 07-【JavaScript-Day 7】全面解析 Number 与 StringJS 数据核心操作指南 08-【JavaScript-Day 8】告别混淆一文彻底搞懂 JavaScript 的 Boolean、null 和 undefined 09-【JavaScript-Day 9】从基础到进阶掌握 JavaScript 核心运算符之算术与赋值篇 10-【JavaScript-Day 10】掌握代码决策核心详解比较、逻辑与三元运算符 11-【JavaScript-Day 11】避坑指南深入理解JavaScript隐式和显式类型转换 12-【JavaScript-Day 12】掌握程序流程深入解析 if…else 条件语句 13-【JavaScript-Day 13】告别冗长if-else精通switch语句让代码清爽高效 14-【JavaScript-Day 14】玩转 for 循环从基础语法到遍历数组实战 15-【JavaScript-Day 15】深入解析 while 与 do…while 循环满足条件的重复执行 16-【JavaScript-Day 16】函数探秘代码复用的基石——声明、表达式与调用详解 17-【JavaScript-Day 17】函数的核心出口深入解析 return 语句的奥秘 18-【JavaScript-Day 18】揭秘变量的“隐形边界”深入理解全局与函数作用域 19-【JavaScript-Day 19】深入理解 JavaScript 作用域块级、词法及 Hoisting 机制 20-【JavaScript-Day 20】揭秘函数的“记忆”深入浅出理解闭包Closure 21-【JavaScript-Day 21】闭包实战从模块化到内存管理高级技巧全解析 22-【JavaScript-Day 22】告别 function 关键字ES6 箭头函数 () 深度解析 23-【JavaScript-Day 23】告别繁琐的参数处理玩转 ES6 默认参数与剩余参数 24-【JavaScript-Day 24】从零到一精通 JavaScript 对象创建、访问与操作 25-【JavaScript-Day 25】深入探索使用 for...in 循环遍历 JavaScript 对象属性 26-【JavaScript-Day 26】零基础掌握JavaScript数组轻松理解创建、索引、长度和多维结构 27-【JavaScript-Day 27】玩转数组push, pop, slice, splice 等方法详解与实战 28-【JavaScript-Day 28】告别繁琐循环forEach, map, filter 数组遍历三剑客详解 29-【JavaScript-Day 29】数组迭代进阶掌握 reduce、find、some 等高阶遍历方法 30-【JavaScript-Day 30】ES6新特性Set与Map让你的数据管理更高效 31-【JavaScript-Day 31】对象的“蓝图”详解构造函数、new 与 instanceof 完全指南 32-【JavaScript-Day 32】深入理解 prototype、__proto__ 与原型链的奥秘 33-【JavaScript-Day 33】深入浅出 ES6 Class从入门到精通面向对象新姿势 34-【JavaScript-Day 34】前后端数据交互的通用语深入解析JSON 35-【JavaScript-Day 35】从 window 到 location一文掌握浏览器对象模型 BOM 36-【JavaScript-Day 36】前端基石深入理解 DOM 并精通五大元素选择器 37-【JavaScript-Day 37】在 DOM 树中“行走”节点遍历 38-【JavaScript-Day 38】JS操控网页外观从innerHTML到classList的全方位指南 39-【JavaScript-Day 39】从零到一动态构建交互式网页的 DOM 节点操作秘籍 40-【JavaScript-Day 40】响应用户操作事件监听与处理从入门到精通 文章目录 Langchain系列文章目录Python系列文章目录PyTorch系列文章目录机器学习系列文章目录深度学习系列文章目录Java系列文章目录JavaScript系列文章目录前言一、什么是事件 (Event)1.1 事件的定义与类比1.1.1 专业定义1.1.2 生活化类比 1.2 常见的事件类型 二、事件监听让代码响应起来2.1 核心方法addEventListener()2.1.1 语法解析1 参数 type2 参数 listener3 可选参数 options/useCapture 2.1.2 为什么推荐 addEventListener() 2.2 实战演练第一个事件监听器2.2.1 场景描述2.2.2 代码实现 2.3 “阅后即焚”移除事件监听器 removeEventListener()2.3.1 语法与注意事项2.3.2 应用场景与示例 三、深入事件的心脏事件对象 (Event Object)3.1 什么是事件对象3.1.2 如何访问 3.2 事件对象的“三剑客”常用属性与方法3.2.1 event.target事件的真正来源3.2.2 event.preventDefault()阻止默认行为3.2.3 event.stopPropagation()阻止事件传播 3.3 常用属性一览表 四、综合实战案例一个简单的计数器4.1 需求分析4.2 HTML 结构4.3 JavaScript 实现 五、总结 前言
欢迎来到我们 JavaScript 探索之旅的第 40 天在此之前的文章中我们已经学会了如何使用 DOM API 来查找和修改页面元素。但一个静态的网页远非我们学习 JavaScript 的终点。真正的魔力在于让页面“活”起来响应用户的每一次点击、每一次键盘敲击、每一次鼠标移动。而实现这一切的核心技术就是事件处理 (Event Handling)。
想象一下如果没有事件处理链接无法点击按钮形同虚设表单无法提交……网页将退化为只能阅读的“数字报纸”。今天我们将一起揭开网页交互的神秘面纱掌握让静态页面变为动态应用的关键钥匙。准备好让我们开始监听来自用户的“心跳”吧 一、什么是事件 (Event)
在深入代码之前我们必须先从概念上理解什么是“事件”。
1.1 事件的定义与类比
1.1.1 专业定义
在 JavaScript 中事件 (Event) 是在浏览器窗口或文档中发生的可以被 JavaScript 侦测到的特定行为或发生的事情。这些行为可以由用户触发例如点击鼠标、按下键盘也可以由浏览器自身触发例如页面加载完成、发生错误。
简单来说事件就是系统发出的一个信号表明有事情发生了。
1.1.2 生活化类比
为了更直观地理解我们可以把事件监听机制比作一个“智能门铃”系统
事件 (Event)访客按下门铃的这个动作。事件目标 (Event Target)门铃本身 (也就是 HTML 元素如 button)。事件监听器 (Event Listener)安装在门铃内部时刻等待被按下的电子装置。事件处理函数 (Event Handler)当监听到门铃被按下后播放铃声的这段程序。
(这是一个占位符实际使用时请替换为真实图片链接)
在这个类比中我们编写的 JavaScript 代码就扮演了“监听装置”和“播放铃声程序”的角色等待并响应发生在特定 HTML 元素上的事件。
1.2 常见的事件类型
事件的种类繁多可以大致分为以下几类我们将在下一篇文章中详细介绍它们
鼠标事件: click (单击), dblclick (双击), mouseover (鼠标移入), mouseout (鼠标移出), mousemove (鼠标移动)。键盘事件: keydown (按下按键), keyup (释放按键), keypress (按下字符键)。表单事件: submit (提交表单), change (元素值改变), input (实时输入), focus (获得焦点), blur (失去焦点)。窗口/文档事件: load (页面资源加载完成), DOMContentLoaded (DOM 树构建完成), resize (窗口大小改变), scroll (滚动)。 二、事件监听让代码响应起来
知道了什么是事件我们该如何用代码去“监听”并“处理”它呢现代 JavaScript 提供了一个强大而灵活的方法addEventListener()。
2.1 核心方法addEventListener()
addEventListener() 方法将指定的事件监听器一个函数附加到事件目标上当该目标触发指定类型的事件时就会执行该函数。
2.1.1 语法解析
它的基本语法结构如下
element.addEventListener(type, listener, [options/useCapture]);这段语法包含三个核心参数
1 参数 type
一个表示事件类型的字符串例如 click, mouseover, keydown。注意这里的事件类型不带 “on” 前缀不是 onclick。
2 参数 listener
一个函数我们称之为事件处理函数或回调函数。当指定类型的事件在 element 上被触发时这个 listener 函数就会被调用。
3 可选参数 options/useCapture
这是一个可选参数可以是一个布尔值或一个对象。
布尔值 useCapture默认为 false。它决定了事件是在冒泡阶段 (false) 还是捕获阶段 (true) 执行。我们将在后续文章《事件冒泡与捕获》中深入探讨这个概念。对于初学者暂时忽略它即可。对象 options可以提供更精细的控制如 { once: true } 表示监听器在执行一次后自动移除。
2.1.2 为什么推荐 addEventListener()
你可能在一些旧的代码或教程中看到过 element.onclick function() { ... } 这样的写法。虽然它也能工作但 addEventListener() 是目前社区公认的最佳实践因为它有两大显著优势
允许多个监听器你可以对同一个元素的同一个事件类型添加多个独立的监听器它们会按照添加的顺序依次执行。而 onclick 只能赋值一个新的赋值会覆盖旧的。更精细的控制通过第三个参数可以精确控制事件的触发阶段冒泡/捕获这是 onclick 无法做到的。
2.2 实战演练第一个事件监听器
让我们通过一个具体的例子来感受 addEventListener() 的威力。
2.2.1 场景描述
我们有一个简单的 HTML 按钮。当用户点击这个按钮时我们希望在浏览器的控制台输出一条消息。
2.2.2 代码实现
HTML 部分:
!DOCTYPE html
html langzh-CN
headtitle事件监听示例/title
/head
bodybutton idmyButton点我试试/buttonscript srcapp.js/script
/body
/htmlJavaScript 部分 (app.js):
// 步骤 1: 首先获取到我们需要操作的 DOM 元素
const btn document.getElementById(myButton);// 步骤 2: 定义一个函数作为事件被触发时要执行的操作
function handleButtonClick() {console.log(按钮被神圣地点击了 Timestamp:, new Date().getTime());
}// 步骤 3: 使用 addEventListener 将函数 绑定 到按钮的 click 事件上
btn.addEventListener(click, handleButtonClick);// 你也可以使用匿名函数效果相同但后续无法移除
// btn.addEventListener(click, function() {
// console.log(按钮被匿名地点击了);
// });现在在浏览器中打开 HTML 文件每次点击按钮你都会在控制台看到一条新的消息。
2.3 “阅后即焚”移除事件监听器 removeEventListener()
在某些场景下我们希望在事件监听器完成其使命后将其移除以释放内存并避免不必要的计算。这在构建复杂的单页应用 (SPA) 时尤其重要。
2.3.1 语法与注意事项
removeEventListener() 的语法与 addEventListener() 几乎完全相同
element.removeEventListener(type, listener, [options/useCapture]);⚠️ 重要提醒要成功移除一个事件监听器传入 removeEventListener() 的 listener 参数必须是当初传入 addEventListener() 的同一个函数引用。这就是为什么我们在前面的例子中推荐使用具名函数 (handleButtonClick) 的原因。如果你使用的是匿名函数将无法获取到它的引用从而无法移除它。
2.3.2 应用场景与示例
假设我们有一个按钮我们只希望它能被点击一次。
const onceBtn document.getElementById(onceButton); // 假设 HTML 中有这个按钮function clickOnceHandler() {console.log(任务完成这个按钮现在“退休”了。);// 在处理函数内部将自身从事件监听中移除onceBtn.removeEventListener(click, clickOnceHandler);
}onceBtn.addEventListener(click, clickOncehHandler);在这个例子中当按钮第一次被点击时clickOnceHandler 函数执行输出消息然后立即移除了自身的监听。之后无论再怎么点击按钮都不会有任何反应。 三、深入事件的心脏事件对象 (Event Object)
当一个事件被触发对应的监听函数被调用时浏览器并不仅仅是简单地执行函数。它还会悄悄地、自动地创建一个包含该事件所有相关信息的对象并将其作为第一个参数传递给你的事件处理函数。这个特殊的对象就是事件对象 (Event Object)。
3.1 什么是事件对象
事件对象是一个巨大的信息包它像一个“事件信使”详细记录了事件发生时的一切“现场情况”谁触发了事件事件是什么类型鼠标点击的位置在哪里按下了哪个键盘按键等等。
3.1.2 如何访问
你不需要手动创建它只需要在定义监听函数时声明一个参数来接收它通常我们约定俗成地命名为 event、evt 或 e。
element.addEventListener(click, function(event) {// 在这里event 就是浏览器传入的事件对象console.log(event); // 你可以在控制台展开看看里面有什么
});3.2 事件对象的“三剑客”常用属性与方法
事件对象有很多属性和方法但有三个是你在日常开发中几乎每天都会遇到的“三剑客”。
3.2.1 event.target事件的真正来源
event.target 属性返回触发事件的那个具体元素。这在事件委托我们将在后续文章讲解场景中极为有用。即使事件监听器是绑定在父元素上的event.target 也能精确地告诉你是哪个子元素被点击了。
示例
const container document.getElementById(container); // 一个 div 容器container.addEventListener(click, function(event) {// this 指向的是监听器绑定的元素即 containerconsole.log(Listener is on:, this.tagName); // event.target 指向的是实际被点击的元素可能是 container 也可能是它里面的 buttonconsole.log(Clicked on:, event.target.tagName);
});如果你点击容器内的按钮会发现 this 是 DIV而 event.target 是 BUTTON。
3.2.2 event.preventDefault()阻止默认行为
很多 HTML 元素都有自己的默认行为。例如
a 标签的默认行为是跳转到 href 指定的 URL。form 表单中类型为 submit 的按钮的默认行为是提交表单并刷新页面。
event.preventDefault() 方法就是用来阻止这些默认行为的。
示例阻止链接跳转
a idmyLink hrefhttps://www.google.com尝试跳转到 Google/aconst link document.getElementById(myLink);link.addEventListener(click, function(event) {console.log(链接被点击了但我阻止了它的默认跳转行为);// 调用 preventDefault()event.preventDefault();
});点击这个链接你会在控制台看到消息但页面不会跳转。这在处理表单验证时非常常见如果用户输入无效就调用 event.preventDefault() 阻止表单提交。
3.2.3 event.stopPropagation()阻止事件传播
在 HTML DOM 中事件会“传播”默认是冒泡 (Bubbling)即事件会从触发它的最具体元素开始逐级向上传播到不那么具体的父元素直到 document 和 window。event.stopPropagation() 方法可以阻止事件继续向上传播。
示例阻止冒泡
div idparent stylepadding: 20px; background-color: lightblue;Parentbutton idchild stylebackground-color: lightcoral;Child/button
/divconst parent document.getElementById(parent);
const child document.getElementById(child);parent.addEventListener(click, function(event) {console.log(Parent (div) 被点击了);
});child.addEventListener(click, function(event) {console.log(Child (button) 被点击了);event.stopPropagation(); // 关键阻止事件冒泡到 parent
});如果点击 child 按钮
有 stopPropagation()控制台只会输出 “Child (button) 被点击了”。没有 stopPropagation()控制台会先输出 “Child (button) 被点击了”然后输出 “Parent (div) 被点击了”。
3.3 常用属性一览表
除了“三剑客”事件对象还有许多其他有用的属性
属性描述适用事件示例type事件的类型如 click。所有事件timeStamp事件创建时的时间戳毫秒。所有事件clientX, clientY鼠标指针相对于浏览器可视窗口的 X, Y 坐标。鼠标事件pageX, pageY鼠标指针相对于整个文档的 X, Y 坐标包括滚动部分。鼠标事件key按下的键的标识符如 Enter, a。键盘事件keyCode(已弃用但仍广泛使用) 按下的键的代码。键盘事件 四、综合实战案例一个简单的计数器
现在让我们把今天学到的知识整合起来构建一个简单但完整的交互式组件。
4.1 需求分析
我们需要创建一个计数器它包含
一个用于显示当前计数值的区域。一个“增加”按钮点击后计数值加一。一个“减少”按钮点击后计数值减一。
4.2 HTML 结构
div classcounterh2简单计数器/h2span idvalueDisplay stylefont-size: 2em; margin: 0 20px;0/spanbutton idincrementBtn/buttonbutton iddecrementBtn-/button
/div4.3 JavaScript 实现
// 1. 获取所有需要的 DOM 元素
const valueDisplay document.getElementById(valueDisplay);
const incrementBtn document.getElementById(incrementBtn);
const decrementBtn document.getElementById(decrementBtn);// 2. 初始化一个变量来存储计数值
let count 0;// 3. 为 增加 按钮添加点击事件监听
incrementBtn.addEventListener(click, function() {// 增加计数值count;// 更新页面显示valueDisplay.textContent count;
});// 4. 为 减少 按钮添加点击事件监听
decrementBtn.addEventListener(click, function() {// 减少计数值count--;// 更新页面显示valueDisplay.textContent count;
});这个案例完美地结合了 DOM 元素获取 (getElementById)、事件监听 (addEventListener) 和 DOM 内容修改 (textContent)是事件处理入门的绝佳实践。 五、总结
恭喜你完成了对 JavaScript 事件处理基础的全面学习今天的内容是构建任何交互式网页的基石让我们分点回顾一下核心知识
事件 (Event)是用户如 click或浏览器如 load产生的行为信号是实现交互的核心。addEventListener(type, listener)是现代 JavaScript 中用于绑定事件处理函数的标准、推荐方法。它功能强大允许绑定多个监听器。removeEventListener(type, listener)用于移除事件监听器是避免内存泄漏和进行性能优化的重要工具。注意必须传入与绑定时相同的函数引用才能成功移除。事件对象 (Event Object)是事件触发时自动传递给处理函数的“信息包”。它是所有事件处理逻辑的决策依据。事件对象的“三剑客” event.target获取真正触发事件的元素。event.preventDefault()阻止元素的默认行为如链接跳转、表单提交。event.stopPropagation()阻止事件在 DOM 树中继续传播冒泡。
掌握了这些你就拥有了让网页响应用户操作的基本能力。在接下来的文章中我们将继续深入探索更多具体的事件类型以及更高级的事件模式如事件委托。敬请期待
文章转载自： http://www.morning.bkjhx.cn.gov.cn.bkjhx.cn http://www.morning.mdgb.cn.gov.cn.mdgb.cn http://www.morning.mqghs.cn.gov.cn.mqghs.cn http://www.morning.srmdr.cn.gov.cn.srmdr.cn http://www.morning.sqdjn.cn.gov.cn.sqdjn.cn http://www.morning.mpxbl.cn.gov.cn.mpxbl.cn http://www.morning.cwlxs.cn.gov.cn.cwlxs.cn http://www.morning.rwxnn.cn.gov.cn.rwxnn.cn http://www.morning.qmbtn.cn.gov.cn.qmbtn.cn http://www.morning.qfdmh.cn.gov.cn.qfdmh.cn http://www.morning.yjxfj.cn.gov.cn.yjxfj.cn http://www.morning.pwqyd.cn.gov.cn.pwqyd.cn http://www.morning.qcdhg.cn.gov.cn.qcdhg.cn http://www.morning.znqmh.cn.gov.cn.znqmh.cn http://www.morning.npkrm.cn.gov.cn.npkrm.cn http://www.morning.hnk25076he.cn.gov.cn.hnk25076he.cn http://www.morning.qywfw.cn.gov.cn.qywfw.cn http://www.morning.wfjrl.cn.gov.cn.wfjrl.cn http://www.morning.kpzrf.cn.gov.cn.kpzrf.cn http://www.morning.wrqw.cn.gov.cn.wrqw.cn http://www.morning.sfnr.cn.gov.cn.sfnr.cn http://www.morning.mpszk.cn.gov.cn.mpszk.cn http://www.morning.wgxtz.cn.gov.cn.wgxtz.cn http://www.morning.wmglg.cn.gov.cn.wmglg.cn http://www.morning.qfrmy.cn.gov.cn.qfrmy.cn http://www.morning.gwhjy.cn.gov.cn.gwhjy.cn http://www.morning.hmdyl.cn.gov.cn.hmdyl.cn http://www.morning.rbhcx.cn.gov.cn.rbhcx.cn http://www.morning.kqxng.cn.gov.cn.kqxng.cn http://www.morning.jljwk.cn.gov.cn.jljwk.cn http://www.morning.mjqms.cn.gov.cn.mjqms.cn http://www.morning.sxygc.cn.gov.cn.sxygc.cn http://www.morning.cszbj.cn.gov.cn.cszbj.cn http://www.morning.kqzt.cn.gov.cn.kqzt.cn http://www.morning.xpzrx.cn.gov.cn.xpzrx.cn http://www.morning.zcncb.cn.gov.cn.zcncb.cn http://www.morning.rczrq.cn.gov.cn.rczrq.cn http://www.morning.hqllx.cn.gov.cn.hqllx.cn http://www.morning.mnmrx.cn.gov.cn.mnmrx.cn http://www.morning.rpwht.cn.gov.cn.rpwht.cn http://www.morning.zjrnq.cn.gov.cn.zjrnq.cn http://www.morning.qkzdc.cn.gov.cn.qkzdc.cn http://www.morning.tsycr.cn.gov.cn.tsycr.cn http://www.morning.sgjw.cn.gov.cn.sgjw.cn http://www.morning.rrgm.cn.gov.cn.rrgm.cn http://www.morning.tsgxz.cn.gov.cn.tsgxz.cn http://www.morning.tjqcfw.cn.gov.cn.tjqcfw.cn http://www.morning.qxjck.cn.gov.cn.qxjck.cn http://www.morning.gfjgq.cn.gov.cn.gfjgq.cn http://www.morning.tplht.cn.gov.cn.tplht.cn http://www.morning.kfrhh.cn.gov.cn.kfrhh.cn http://www.morning.kxqmh.cn.gov.cn.kxqmh.cn http://www.morning.cndxl.cn.gov.cn.cndxl.cn http://www.morning.lqznq.cn.gov.cn.lqznq.cn http://www.morning.linzhigongmao.cn.gov.cn.linzhigongmao.cn http://www.morning.zbkdm.cn.gov.cn.zbkdm.cn http://www.morning.ntqqm.cn.gov.cn.ntqqm.cn http://www.morning.jsphr.cn.gov.cn.jsphr.cn http://www.morning.rknjx.cn.gov.cn.rknjx.cn http://www.morning.zjcmr.cn.gov.cn.zjcmr.cn http://www.morning.zwxfj.cn.gov.cn.zwxfj.cn http://www.morning.ywzqk.cn.gov.cn.ywzqk.cn http://www.morning.wkknm.cn.gov.cn.wkknm.cn http://www.morning.qbjrf.cn.gov.cn.qbjrf.cn http://www.morning.ygqjn.cn.gov.cn.ygqjn.cn http://www.morning.lhgqc.cn.gov.cn.lhgqc.cn http://www.morning.bpncd.cn.gov.cn.bpncd.cn http://www.morning.mnkhk.cn.gov.cn.mnkhk.cn http://www.morning.rntyn.cn.gov.cn.rntyn.cn http://www.morning.qgkcs.cn.gov.cn.qgkcs.cn http://www.morning.ptqds.cn.gov.cn.ptqds.cn http://www.morning.tpfny.cn.gov.cn.tpfny.cn http://www.morning.wkhfg.cn.gov.cn.wkhfg.cn http://www.morning.zylzk.cn.gov.cn.zylzk.cn http://www.morning.ntgsg.cn.gov.cn.ntgsg.cn http://www.morning.zfgh.cn.gov.cn.zfgh.cn http://www.morning.dgxrz.cn.gov.cn.dgxrz.cn http://www.morning.fmry.cn.gov.cn.fmry.cn http://www.morning.gwdnl.cn.gov.cn.gwdnl.cn http://www.morning.gyqnc.cn.gov.cn.gyqnc.cn
