HTML

浏览该分类下的所有文章

HTML实现复制当前链接到剪切板

文章演示了在HTML页面中通过按钮实现复制当前页面链接到剪切板的完整步骤：使用<a>标签获取链接，点击按钮时动态创建隐藏的<input>，将链接写入并选中，调用 document.execCommand("Copy") 执行复制，依据返回值或异常弹出成功、失败或错误提示，从而实现“一键分享”。

2022-09-23 18:25:44 阅读

HTML页面嵌入视频的方案

文章介绍了在HTML页面中使用 `<iframe>` 标签嵌入视频的基本方法，示例代码演示了如何通过 `src` 指定YouTube视频地址、设置宽高、允许全屏及相关权限。若需禁止自动播放，可在 `allow` 属性中加入 `autoplay=false`，并可通过 `style` 调整布局。整个实现简洁且可直接复制使用。

2022-07-19 17:39:32 阅读

什么？十行代码实现了斗图？

文章介绍了在评论区实现“斗图”的两种方案：上传图片或直接输入图片链接。由于上传会占用服务器存储且对非表情包用户不便，作者选用第二种方式，即在评论框输入以 http/https 开头的图片地址，提交后通过 JavaScript 检测并自动包装成 `<img>` 标签显示。文中提供了相应的 HTML textarea 示例和核心 JS 代码，并演示了使用方法，推荐使用表情包网站复制图片地址直接粘贴即可。

2022-08-24 23:34:47 阅读

博客的评论与回复功能的实现

文章详述了在个人博客中实现完整评论与回复功能的全过程。首先设计评论表结构，加入blogId、parentId等字段以实现关联和层级关系；随后在页面构建评论表单，利用QQ接口自动获取昵称、头像和邮箱。前端通过jQuery捕获提交和回复操作，构造请求数据并使用Ajax发送至后端。后端Controller接收参数并保存评论，随后根据parentId为‑1的根评论遍历并组织子评论，实现三级嵌套显示。关键点在于新评论置顶、子评论紧随父评论显示，以及通过parentId实现评论的层级结构。全文提供了实体类、HTML、JS及后端代码示例，帮助读者快速搭建可交互的博客评论系统。

2022-08-24 02:34:33 阅读

博客导流到微信公众号

文章介绍了在个人博客中通过 OpenWrite 的“博客导流公众号”功能，将首次访问的读者引导关注微信公众号并获取验证码，从而为公众号带来流量。实现步骤包括：在 OpenWrite 平台注册登录后，进入“增长工具”→“博客导流公众号”，填写博客域名和长期有效的二维码图片链接；在公众号后台设置触发关键字（如“博客”）用于发送验证码；在博客页面嵌入指定的 JavaScript 代码并在文章外层添加 id 为 “container” 的 div。用户仅需一次操作，体验影响不大，却能有效提升公众号关注度。

2022-08-20 23:56:40 阅读