console是一个object， 直接在console界面输入console你就会看到console obj的所有属性，log() 是console里面的一个方法，同样的方法还有warn() , error()， table() , group() 等等 用console.group() 时候要给group 添加闭合， console.groupend()。 也可以给console添加样式，
Read More »Classic Layout
深入理解JavaScript同步加载与异步加载
在现代网页开发中，JavaScript扮演着至关重要的角色。为了提高用户体验和页面性能，我们需要了解并巧妙地利用JavaScript的加载方式。在本文中，我们将深入探讨JavaScript同步加载和异步加载的概念、区别以及适用场景。 同步加载（Synchronous Loading） 同步加载是指在加载JavaScript文件时，浏览器会按照代码...
Read More »pdf.js pdf 网页查看，翻页教程
html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>pdf VIEWER</title> <link rel="s...
Read More »JS的FormData对象连接当前form的对象并选择值
对于form来讲，js有个特殊的object值叫FormData, 提交的都是序列化的内容。 如果要用FormData获取当前表格的对象， const form = document.getElementById('myForm'); const formData = new FormData(form); 获取某个input的值： const currentValue = formData.get('inputName'); 连接当前值和新值...
Read More »如何0基础不用代码创建wordpress免费资源网站
JS表格前端验证
JS对表格验证分为前端验证和后端验证，前端验证比较容易理解。后端验证就是通过input发送过来的ajax，php通过判断post的值来做出反应。 1：检查input 字段是否为空 你可以用Input的value元素来检查： const myInput = document.getElementById("myInput"); if (myInput.value === "") { // input is empty...
Read More »7个超强的javascript方法（Method）所有前端必学
Some方法 循环数组所有item 当一个item 通过函数提供的条件，就会返回true , 这个函数必须要传回true 或者 false 当name 通过 name.includes("h") 这个条件， 这个函数就返回true 用法： 用作条件判断时候特别有用， 这个返回单个的item信息 const containsLetterH = names.some(name => { return name....
Read More »如何给网站添加头部可关闭的横幅广告（像justnews一样）
首先在body标签上面添加横幅的html代码，通过设置top banner的display:none 来实现 一开始网站加载时候隐藏横幅： <div id="top-banner" style="display:none ;"> <a href="#"><img src="/path/to/banner.png" alt="" style="width:100%;"></a> <button id="close-button"></button> </...
Read More »WordPress怎样检测访客是否将网站添加到收藏以及如何统计收藏数量并且展示出来
下面这段代码通过Js来检测访客是否收藏本网站： if (window.external && ('AddFavorite' in window.external)) { // 当访客将本网站添加到浏览器收藏之后下面的代码会执行 } 将收藏数量统计到数据库，我们可以使用option的api。 利用update_option来更新收藏统计的字段： $bookmark_count = get_...
Read More »WP和任意网站如何按钮切换黑暗模式和白昼模式
首先我们先给body标签添加class名字：<body class="light-mode"> 然后去任意你想要添加切换按钮的地方添加切换按钮：<button id="toggle-mode">Toggle Mode</button> 注意class名称和下面的js和css文件要对应。 然后添加css样式： /* Light mode styles */ .light-mode { background-color: whit...
Read More »