menu 维洛BLOG
分类 JavaScript 下的文章
JavaScript判断文本框行数和以指定字符开头的双数行
2023-10-11 |0 条评论
<!DOCTYPE html> <html> <head> <title>判断文本框行数和以指定字符开头的双数行</title>...
JavaScript右键显示或隐藏元素
2023-10-10 |0 条评论
html<input type="text" id="myInput"> <h1 id="oo">我...
JavaScript 向下滑动后搜索框置于顶部固定,在网页顶部时恢复原状态
2023-10-05 |0 条评论
html <div class="search-box"> <input type="text" placeholder=&...
JavaScript点击a标签获取data-ww属性值并复制
2023-10-03 |0 条评论
document.execCommand('copy')方法复制<!DOCTYPE html> <html> <head> <meta charset=...
JavaScript设置文本框光标位置,首部,尾部
2023-09-28 |0 条评论
设置光标位置为首部// 获取文本框元素 var textBox = document.getElementById("myTextBox"); // 将焦点设置到文本框 t...
JavaScript提取文本框中的域名并打开
2023-09-28 |0 条评论
<!DOCTYPE html> <html> <head> <title>提取域名并打开网页</title> </head&...
JavaScript将含有关键字的p标签变为红色字体
2023-09-26 |0 条评论
// 获取所有的 p 标签 var paragraphs = document.getElementsByTagName('p'); // 遍历每个 p 标签 for (var i = 0; ...
JavaScript将含有关键字的标题变为红色字体
2023-09-26 |0 条评论
// 获取所有文本节点 var textNodes = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, ...
JavaScript 获取?后面内容作为视频地址播放mp4或m3u8
2023-09-23 |0 条评论
地址示例:https://xn--xu0a.cn/u/?u=https://vip.lzcdn2.com/20220323/282_d4cfd29c/index.m3u8 html源码:<...
JavaScript实时获取文本框1的链接并输出到文本框2
2023-09-21 |0 条评论
实时获取文本框1的链接并输出到文本框2<!DOCTYPE html> <html lang="zh"> <head> <meta...
JavaScript 判断文本框内容是否为链接,如果不是则添加http://
2023-09-17 |0 条评论
// 获取文本框元素 var textBox = document.getElementById("myTextBox"); // 获取文本框的值 var textValue...
JavaScript 十六进制编码解码
2023-09-11 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF...
JavaScript 按数字键盘上的斜杠键,聚焦搜索框
2023-09-11 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-...
JavaScript 搜索框有内容时才显示清空内容按钮
2023-09-11 |0 条评论
html<div style="display: flex; align-items: center;"> <input id="kw&quo...
javascript离开当前窗口3秒后关闭当前窗口
2023-09-08 |0 条评论
window.onblur = function() { setTimeout(function() { window.close(); }, 3000); }; 当用户离开当前...
JavaScript为所有非站内链接添加target="_blank"属性
2023-09-08 |0 条评论
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &l...
JavaScript为当前页面所有链接添加noopener norefferrer
2023-09-08 |0 条评论
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &l...
javascript弹出网页小窗口并在3秒后关闭窗口
2023-09-08 |0 条评论
// 弹出网页小窗口 var popupWindow = window.open("https://xn--xu0a.cn/", "_blank", &q...
JavaScript中使用 encodeURIComponent() 函数进行URL编码解码示例
2023-09-08 |0 条评论
// URL 编码 var originalUrl = "https://example.com/?query=test&param=value#section"; ...
javascript判断当前网页文档宽度来显示或隐藏元素
2023-09-06 |0 条评论
<div id="dn">我是要显示或隐藏的元素</div> <script> function handleWindowRes...
javascript判断当前网页文档宽度
2023-09-06 |0 条评论
var documentWidth = document.documentElement.clientWidth || document.body.clientWidth; console.lo...
JavaScript创建一个可以展开收起的菜单
2023-09-06 |0 条评论
<html> <head> <meta charset="utf-8"> <title>文档标题</t...
JavaScript网页加载完毕后执行事件
2023-09-05 |0 条评论
在JavaScript中,你可以使用DOMContentLoaded事件来监听文档加载完毕。当整个HTML文档被解析和加载后,DOMContentLoaded事件将触发。下面是一个示例:java...
javascript 点击按钮或div元素设置指定元素的显示与隐藏
2023-09-04 |0 条评论
var sidebar = document.getElementById('显示或隐藏的元素'); var overlay = document.getElementById('div元素i...
JavaScript 给指定同一类名按钮设置相同点击事件
2023-09-04 |0 条评论
html<button class="custom-btn">按钮1</button> <button class="custom-b...
JavaScript 点击按钮设置元素显示或隐藏,设置按钮状态
2023-09-04 |0 条评论
JavaScript var an = document.getElementById('按钮元素id'); var tee = document.getElement...
JavaScript 弹出框示例
2023-09-04 |0 条评论
<html> <head> <style> /* 弹出框 */ #popup-box { po...
JavaScript 记录当前页面滚动位置,恢复页面滚动位置
2023-09-03 |0 条评论
// 记录当前页面滚动位置 var scrollTop = window.pageYOffset || document.documentElement.scrollTop; // 恢复页面...
JavaScript 文档加载完成再执行事件
2023-09-03 |0 条评论
document.addEventListener('DOMContentLoaded', function() { });
JavaScript 侧边栏,二级菜单示例
2023-09-03 |0 条评论
<!DOCTYPE html> <html> <head> <style> body { marg...
JavaScript 移除倒数第几个a标签元素
2023-09-02 |0 条评论
移除倒数第1~4个 <!DOCTYPE html> <html lang="zh"> <head> <...
JavaScript 实时显示当前日期时间。
2023-09-02 |0 条评论
<!DOCTYPE html> <html> <head> <title>实时时间</title> </he...
JavaScript 不同快捷键设置不同搜索引擎
2023-08-31 |0 条评论
css <style> /* 设置提示文本元素的样式 */ #search-input-tooltip { display: none; ...
JavaScript 获取?后面的参数并创建标题元素并将其设置为文本
2023-08-30 |0 条评论
<script> // 获取 URL 中的查询参数 function getQueryParam(name) { name = name.replace(/[\[\]]/g, &...
JavaScript 按Alt + S键事件
2023-08-30 |0 条评论
<script> // 监听按键按下事件 document.addEventListener("keydown", function(event) { if ...
JavaScript 匹配百度网盘链接并添加提取码并打开
2023-08-29 |0 条评论
<!DOCTYPE html> <html> <head> <title>匹配百度网盘链接并添加提取码</title> </...
JavaScript 使用Shift键控制元素显示与隐藏
2023-08-29 |0 条评论
<!DOCTYPE html> <html> <head> <title>按Shift键控制元素显示与隐藏</title> &...
JavaScript 斜杠(/)键控制元素的显示与隐藏
2023-08-29 |0 条评论
使用斜杠(/)键控制元素的显示与隐藏是指在网页或应用程序中按下斜杠键时,可以切换某个元素的可见性。这通常用于搜索功能,在用户输入搜索关键词时,页面上的某些元素会根据输入的内容进行显示或隐藏。使用...
JavaScript 网页加载完毕后复制指定内容
2023-08-29 |0 条评论
<!DOCTYPE html> <html> <head> <title>自动复制指定文字</title> <s...
JavaScript 粘贴内容,Clipboard API
2023-08-29 |0 条评论
<!DOCTYPE html> <html> <head> <title>粘贴内容</title> <scrip...
JavaScript 复制内容,Clipboard API
2023-08-29 |0 条评论
<!DOCTYPE html> <html> <head> <title>复制操作</title> <scrip...
JavaScript 引入和风天气插件
2023-08-29 |0 条评论
<div id="he-plugin-standard"></div> <script> WIDGET = { "CONFI...
JavaScript 鼠标移动到链接上时显示span中的文本并随鼠标设置位置
2023-08-29 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-...
JavaScript 鼠标移到链接上时显示当前链接标题
2023-08-29 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-...
JavaScript 鼠标移动到链接上时显示指定文本内容
2023-08-29 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-...
JavaScript 鼠标移到链接上时显示文本
2023-08-28 |0 条评论
<html> <head> </head> <body> <a href=&quo...
JavaScript 加载多个js和css文件
2023-08-27 |0 条评论
function loadScript(url) { var script = document.createElement('script'); script.src = url; ...
JavaScript 网页灰色滤镜
2023-08-26 |0 条评论
一<input type="submit" id="aa" value="灰色滤镜" > <script> ...
JavaScript 移动端侧边栏
2023-08-26 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-...
JavaScript 躲猫猫
2023-08-26 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-...
JavaScript 离开当前网页窗口更改网页标题
2023-08-26 |0 条评论
let originalTitle = document.title; document.addEventListener("visibilitychange", funct...
JavaScript 选择搜索引擎,搜索框示例
2023-08-25 |0 条评论
下拉菜单<!DOCTYPE html> <html lang="en"> <head> <meta charset="...
JavaScript 显示现在的公历和农历日期、时间、节日
2023-08-25 |0 条评论
<!DOCTYPE html> <html> <head> <title>显示公历和农历日期、时间、节日</title> &l...
JavaScript 心知天气插件引用示例1
2023-08-24 |0 条评论
html<div id="tp-weather-widget" style="position:absolute;z-index:99999;"&g...
JavaScript 心知天气插件引用示例2
2023-08-24 |0 条评论
一(function(T, h, i, n, k, P, a, g, e) { g = function() { P = h.createElement(i); a = h.getElemen...
JavaScript 天气网天气引用和农历时间
2023-08-24 |0 条评论
<!DOCTYPE html> <html> <head> <title>天气和农历时间</title> <scrip...
JavaScript 去除指定字符后面的内容
2023-08-22 |0 条评论
var str = "呃呃呃去去额去"; var target = "去"; // 使用正则表达式替换目标字符及其后面的字符为空字符串 var resu...
JavaScript let和const区别
2023-08-21 |0 条评论
let不能重复声明let不存在变量提升let是块级作用域const声明后不允许改变const不允许重新赋值const必须声明的时候直接初始化const是块级作用域
JavaScript 节流throttle
2023-08-21 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-...
JavaScript debounce每间隔200毫秒只执行一次滚动事件
2023-08-21 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-...
JavaScript setInterval 无限次定时执行事件
2023-08-21 |0 条评论
不断在控制台输出数字var i = 0; setInterval(function(){ i++; console.log(i); },1000) 元素透明度渐变效果<!DOC...
JavaScript 事件代理(事件委托)
2023-08-19 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-...
JavaScript 表单事件
2023-08-18 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-...
JavaScript 文本框事件
2023-08-18 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-...
JavaScript 键盘事件
2023-08-18 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-...
JavaScript 阻止事件冒泡
2023-08-18 |0 条评论
点击蓝色box会触发红色root事件和蓝色box事件添加e.stopPropagation();后只会触发蓝色box事件<!DOCTYPE html> <html lang=&...
JavaScript 取消默认事件,event获取当前点击的元素
2023-08-18 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-...
JavaScript 鼠标移动到链接上显示网站名称并生成链接二维码
2023-08-17 |0 条评论
<!DOCTYPE html> <html> <head> <title>链接悬停显示网站名称和生成二维码</title> ...
JavaScript 事件类型
2023-08-17 |0 条评论
事件类型<!DOCTYPE html> <html lang="zh"> <head> <meta charset="...
JavaScript 添加元素事件
2023-08-17 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-...
JavaScript 设置CSS属性
2023-08-17 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-...
JavaScript 获取元素位置
2023-08-17 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-...
JavaScript 更改/添加/移除/读取元素属性值,innerHTML和innerText区别
2023-08-17 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-...
JavaScript 创建元素
2023-08-16 |0 条评论
一<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF...
JavaScript document对象获取元素
2023-08-16 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-...
JavaScript 提取指定标签中的文本内容
2023-08-16 |0 条评论
文本框1输入要提取的内容文本框2输入要提取内容的标签名html<button onclick="extractContent()">提取内容</button...
JavaScript DOM概述
2023-08-15 |0 条评论
输出整个文档 console.log(document); if(document.nodeType === 9){ console.log("顶层节点")...
JavaScript Date对象,时间戳,当前时间,今年还剩多少天
2023-08-15 |0 条评论
时间戳 //时间戳 console.log(Date.now()); //转换时间戳为时间 console.log(new Date(1692082048803)); /...
JavaScript Math对象,取最小/大值,变成正数,取整,生成随机数
2023-08-15 |0 条评论
var d = -100; //输出-100 console.log(d); //变成正数 console.log(Math.abs(d)); //取最大值 console.log(Math....
JavaScript 提取strong标签和data-url内容
2023-08-14 |0 条评论
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &l...
JavaScript 对文本框内容进行逐行合并内容
2023-08-14 |0 条评论
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &l...
JavaScript 上下键选择联想词并输入到搜索框效果
2023-08-13 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF...
JavaScript 判断数组是否存在
2023-08-13 |0 条评论
var x = [10,20,30,40,50]; //判断是否存在50,不存在返回-1 存在返回位置 console.log(x.indexOf(50)); ...
JavaScript 反转数组,反转字符串
2023-08-13 |0 条评论
//反转数组 var d = [1,2,3,4,5]; console.log(d); //反转,5,4,3,2,1 d.reverse(); console.log(d); //hel...
JavaScript 判断对话框是否为空和点击取消
2023-08-13 |0 条评论
判断对话框为空或者点击了取消// 弹出对话框,要求用户输入内容 var userInput = prompt("请输入内容"); // 判断对话框中的值是否为空 if (u...
JavaScript 百度搜索联想
2023-08-13 |0 条评论
<!DOCTYPE html> <html> <head> <style> .suggestions { max-heig...
JavaScript 数组分割,字符串和数组转换
2023-08-12 |0 条评论
分割数组var aer = [10,20,30,40]; //默认以逗号分割 console.log(aer.join()); //使用|分割 console.log(aer.join(&quo...
JavaScript 数组添加与删除
2023-08-12 |0 条评论
var arr = ["hello"]; //添加单个数组 arr[1] = "添加数组"; arr.push("你好"); //...
JavaScript 提取超链接的链接和名称
2023-08-12 |0 条评论
<!DOCTYPE html> <html> <head> <title>提取超链接的链接和名称</title> &l...
JavaScript 数组合并
2023-08-12 |0 条评论
var aer = [10,20,30,40]; var j = ["sdqd","pkjhh","dcczc"]; var s ...
JavaScript 遍历数组
2023-08-12 |0 条评论
var s = ["aaaa","xxxx","aqqqq","qddfv"]; for(va...
JavaScript 每隔第几个指定内容替换为其他内容
2023-08-12 |0 条评论
<!DOCTYPE html> <html> <head> <title>每隔第几个替换</title> <sc...
JavaScript split分割字符,指定分割符,每个字符分割
2023-08-11 |0 条评论
var a = "h|el|lo"; var b = "hello"; //指定分隔符进行分割 console.log(a.split("|&...
JavaScript 逐行Base64编码解码
2023-08-10 |0 条评论
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> ...
JavaScript 图片加载时显示gif加载图,加载完成后显示原图
2023-08-08 |0 条评论
<!DOCTYPE html> <html> <head> <title>加载图片并显示加载动画</title> &l...
JavaScript 获取链接?后面的参数并作为M3U8地址进行播放
2023-08-08 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 判断上一页网页地址是否为空
2023-08-08 |0 条评论
<!DOCTYPE html> <html> <head> <title>判断上一页网页地址是否为空</title> <...
JavaScript 进行Base64编码解码
2023-08-08 |0 条评论
<!DOCTYPE html> <html> <head> <title>链接Base64编码与解码示例</title> &l...
JavaScript 对链接进行Base64编码
2023-08-08 |0 条评论
常规<!DOCTYPE html> <html> <head> <title>链接Base64编码示例</title> <...
JavaScript 去除前后两端空格,尾部空格,首部空格
2023-08-07 |0 条评论
var k = " 哇哇哇哇哇哇哇哇哇哇啊啊啊啊啊啊啊啊哇哇哇哇哇哇哇哇哇哇哇 "; //去除前后两端空格 var k...
JavaScript indexOf查找字符,指定位置查找,判断指定字符是否存在
2023-08-07 |0 条评论
var name = "helloworld!"; //判断指定字符是否存在,存在则返回该字符第一次出现的位置,不存在则返回-1 var s = ...
JavaScript substr截取第几个后面的指定长度字符(开始位置,长度)
2023-08-07 |0 条评论
var name = "helloworld"; //截取hello 从0开始,长度为5 var s = name.substr(0,5); console.lo...
JavaScript substring截取指定位置的字符串(开始位置,结束位置)
2023-08-07 |0 条评论
var name = "helloworld"; var l = name.substring(0,5) //截取hello document.w...
JavaScript 返回指定位置字符,字符串合并
2023-08-07 |0 条评论
返回指定位置字符(charAt)var str = "去了点听雨上哦看"; console.log(str.length); //输出8 length...
JavaScript 跳出循环,break与continue
2023-08-04 |0 条评论
//如果i的值等于5,则不再继续执行下去 for(var i = 0;i < 100;i++){ if(i==5){ //跳出循环,等于5时停止循环,不会输出5和后面的值 ...
JavaScript 打开网页时自动聚焦到搜索框
2023-08-03 |0 条评论
window.addEventListener('load', function() { const searchInput = document.getElementById('搜索框id...
JavaScript 处理文本框3中双数的行,在每行前面添加文本框1内容,每行后面添加文本框2内容
2023-08-02 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-...
JavaScript 处理文本框3中单数的行,在每行前面添加文本框1内容,每行后面添加文本框2内容
2023-08-02 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-...
JavaScript 多个搜索引擎示例
2023-08-02 |0 条评论
html<div id="search-box"> <input type="text" id="search-input...
JavaScript 获取文本框内容并百度搜索
2023-08-02 |0 条评论
HTML 代码:<input type="text" id="search-input"> <button id="searc...
JavaScript 实时获取文本框的内容,如果是算式则计算结果
2023-08-02 |0 条评论
HTML 代码:<input type="text" id="input-box"> <span id="result&quo...
JavaScript 获取当前链接?后面的参数并输出到文本框内
2023-08-01 |0 条评论
const params = new URLSearchParams(window.location.search); document.getElementById("文...
JavaScript 判断当前设备类型,然后在电脑访问时动态加载外部 CSS 和 JS 文件,手机访问时不加载
2023-08-01 |0 条评论
// 判断设备类型const isMobile = /Mobile|Android/.test(navigator.userAgent);// 如果是电脑访问,则动态加载 CSS 和 JS 文件...
JavaScript 判断当前设备类型,然后动态加载不同的 CSS 和 JS 文件
2023-08-01 |0 条评论
// 判断设备类型 const isMobile = /Mobile|Android/.test(navigator.userAgent); // 动态加载 CSS 文件 const link...
JavaScript 获取当前链接中的查询参数并解码输出到文本框中
2023-07-31 |0 条评论
// 获取当前链接中的查询参数 const params = new URLSearchParams(window.location.search); // 将查询参数解码并输...
JavaScript 循环语句for实现计算1~100的和,1000以内的奇数,九九乘法表
2023-07-30 |0 条评论
// 循环输出1~100之间的数字的和 var sum = 0; for(var i = 0; i <= 100; i++){ sum += i; // cons...
JavaScript 循环语句for
2023-07-29 |0 条评论
for(var i = 1; i <= 100; i++){ console.log(i); }; var x = 10; for(var i = 1; i < 10;...
JavaScript 三元运算符
2023-07-29 |0 条评论
判断偶数奇数判断num的数值是否大于1结果为true执行?后面的代码,结果为false执行:后面的代码var num = 4; num > 1 ? alert("是的,num大...
JavaScript 条件语句Switch
2023-07-29 |0 条评论
var day = 3; switch(day){ case 0: alert("星期1"); break; case 1: ...
JavaScript 条件语句if多判断条件
2023-07-29 |0 条评论
//是否判断 var flag = false; if(flag){ alert("flag为true"); }else{ alert("fl...
JavaScript 条件语句if
2023-07-29 |0 条评论
var flag = false; if(flag){ //flag中为true则执行下面的事件,为false则不执行 alert("执行了事件,flag为true...
JavaScript 布尔运算符
2023-07-29 |0 条评论
var flag = true; var fff = false; //布尔值取反 // true变false // false变true console.log(!flag); conso...
JavaScript 比较运算符
2023-07-29 |0 条评论
var num1 = 10;var num2 = 20;var num3 = "10";// num1是否大于num2console.log(num1 > num2);//false//比...
JavaScript 赋值运算符
2023-07-29 |0 条评论
//赋值运算符var num1 = 1000;var num2 = num1;console.log(num2);//1000var x = 10;var y = 10;console.log(...
JavaScript 运算符
2023-07-29 |0 条评论
var num1 = 100;var num2 = 10;//加减乘除console.log(num1 + num2);//110console.log(num1 - num2);//90con...
JavaScript 判断数据类型typeof
2023-07-29 |0 条评论
var age = 20;var name = "sdhff"var flag = true;var user = {};// typeof:判断基本数据类型console.log(typeof...
JavaScript 留言板示例
2023-07-28 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript hitory对象,前进/后退页面
2023-07-27 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript location对象和URL
2023-07-27 |0 条评论
URL控制台输入:location查看当前网址属性location<!DOCTYPE html> <html lang="zh"> <head&...
JavaScript 高级滚动轮播图
2023-07-26 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 简单滚动轮播图
2023-07-26 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 封装动画函数
2023-07-25 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 多属性运动
2023-07-25 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 步标整除方法
2023-07-25 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 定时器实现元素一直向右移动并在指定位置停止
2023-07-25 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 定时器实现元素一直向右移动及停止
2023-07-25 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 定时器实现让元素一直向右移动
2023-07-25 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 定时器的设置与清除
2023-07-25 |0 条评论
一<!DOCTYPE html> <html lang="en"> <head> <meta charset="U...
JavaScript 延时器实现点击按钮后间隔两秒后才能点击
2023-07-25 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 延时器的设置与清除
2023-07-25 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 警告框,对话框,确认框
2023-07-25 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 登录框,弹出层
2023-07-24 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 拖拽事件
2023-07-24 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 阻止元素默认行为和事件冒泡
2023-07-24 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 图片跟随鼠标移动效果
2023-07-24 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 事件对象
2023-07-24 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 每隔几秒自动切换背景图片
2023-07-23 |0 条评论
html<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <ti...
JavaScript 事件冒泡应用,事件委托
2023-07-23 |0 条评论
利用事件冒泡,将子级的事件委托给父级加载利用事件函数中 e 参数,内部存储的是事件对象<!DOCTYPE html> <html lang="en">...
JavaScript DOM事件流
2023-07-22 |0 条评论
简介false是冒泡过程,true是捕获过程默认值是false从内往外执行<!DOCTYPE html> <html lang="en"> <h...
JavaScript 调用函数实现获取元素id,绑定,解绑事件
2023-07-22 |0 条评论
获取元素ID//获取元素ID function my$(id){return document.getElementById(id)}; 获取元素ID,调用示例//双引号内填写元素id ...
JavaScript 按钮绑定多个事件和解绑事件
2023-07-22 |0 条评论
不兼容IE9以下<!DOCTYPE html> <html lang="en"> <head> <meta charset=...
JavaScript 选择选项移动到另一元素内,全选,单选
2023-07-22 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 动态创建表格
2023-07-21 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 动态创建列表
2023-07-21 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 判断节点
2023-07-21 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 克隆节点
2023-07-21 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 创建节点
2023-07-21 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 兄弟节点
2023-07-20 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 父子节点隔行变色
2023-07-20 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 更改元素id和nodeValue
2023-07-20 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 节点属性,添加/移除元素,获取子元素节点
2023-07-20 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript tab选项卡切换
2023-07-20 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 表格隔行变色和高亮显示鼠标所在行
2023-07-19 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 点击按钮更改元素的大小和位置
2023-07-19 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 文本框高亮显示当前文本框
2023-07-19 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 鼠标悬停在小图片上显示隐藏大图片示例
2023-07-19 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 开灯关灯示例
2023-07-18 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 样式属性更改和简化获取元素
2023-07-18 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 获取属性值,更改属性值,设置新属性和值,移除属性
2023-07-18 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 生成wifi二维码
2023-07-18 |0 条评论
html<script src="https://cdn.staticfile.org/qrcodejs/1.0.0/qrcode.min.js"></sc...
JavaScript 判断多个文本框是否为空
2023-07-18 |0 条评论
function wbk(){ const input0 = document.getElementById('input0').value; const input1 = docume...
JavaScript 判断文本框是否包含中文字符和指定字符
2023-07-18 |0 条评论
var kw = document.getElementById("输入框id").value; if (/[-\u4E00-\u9FA5]/.test(kw) &am...
JavaScript 引用qrcode生成二维码
2023-07-17 |0 条评论
html<script src="https://cdn.staticfile.org/qrcodejs/1.0.0/qrcode.min.js"></sc...
JavaScript 判断文本框内容是否为数字
2023-07-16 |0 条评论
html<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <ti...
Javascript 判断文本框是否为空
2023-07-16 |0 条评论
var input = document.getElementById("文本框id"); if (input.value == null || input.value.l...
JavaScript 全选和反选
2023-07-16 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 文本框获得焦点与失去焦点事件
2023-07-15 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 点击按钮随机选择一个选项
2023-07-15 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 拼接字符串语法示例
2023-07-15 |0 条评论
const v = "hello"; const n = 22222222; console.log('你好:'+v+'数字:'+n); console.log(`你好:${...
JavaScript 检测输入框内容是否为指定位数
2023-07-14 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript innerHTML和innerText
2023-07-13 |0 条评论
输出属性<!DOCTYPE html> <html lang="zh"> <head> <meta charset=&quo...
JavaScript 循环切换多个图片
2023-07-13 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 点击按钮显示或隐藏元素
2023-07-13 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript 点击按钮循环切换图片
2023-07-13 |0 条评论
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
javascript 非表单元素属性操作
2023-07-13 |0 条评论
获取元素内属性值<!DOCTYPE html> <html lang="zh"> <head> <meta charset=...
JavaScript Array创建数组对象
2023-07-07 |0 条评论
var arr = new Array(); var arr2 = new Array(1,2,3); var arr3 = new Array(2,3); console.log...
JavaScript 引用qrcodejs生成二维码
2023-07-06 |0 条评论
<!DOCTYPE html> <html> <head> <title>生成二维码</title> <script s...
JavaScript Math.random()输出随机整数
2023-07-06 |0 条评论
function getRandomInt(min, max) { min = Math.ceil(min); max = Math.floor(max); return Math....
JavaScript 自定义构造函数创建对象
2023-07-05 |0 条评论
function Person(name,age,sex){ this.name = name; this.age = age; this.s...
JavaScript 工厂函数方法创建对象
2023-07-02 |0 条评论
function createPerson(name,age,sex){ var person = new Object(); person.name = name; ...
JavaScript 对象创建,调用,更改,删除
2023-07-02 |0 条评论
一 // 创建对象 var personl = { name : "名字", age : 18, sex : ...
JavaScript IIfe 自调用函数
2023-07-01 |0 条评论
//关键词定义的方式,不能立即执行。/* function fun(){ console.log(1); }(); */ //函数表达式方式,可在...
JavaScript 作用域链
2023-06-30 |0 条评论
var a = 1; function ou (){ var a = 2; function ion (){ var a = 3; cons...
JavaScript 作用域,局部变量
2023-06-29 |0 条评论
{}内定义的变量是局部变量function fun(){ var a = 1; console.log(a); } fun(); console.log(a); 函数的参...
JavaScript 函数递归
2023-06-29 |0 条评论
函数递归function fun(a){ if(a === 1){ return 1; } else { return a + fun(a ...
JavaScript arguments对象示例
2023-06-29 |0 条评论
arguments对象接收所有实参function fun() { console.log(arguments); console.log(arguments.length); ...
JavaScript function函数示例
2023-06-29 |0 条评论
语法格式 function 函数名(参数){ 结构体 } 函数名(); 声明并调用function qqq(){ console.log(95722);...
JavaScript 数组内数值相加和求平均值示例
2023-06-29 |0 条评论
var q = [45,12,20,31,75,9,51,91]; var w = 0; for(var i = 0; i <= q.length - 1; i++){ w ...
JavaScript 数组示例
2023-06-28 |0 条评论
创建并输出数组var arr = []; var arr2 = [1,true,false,null,undefined,"haha",[7,8]]; console.l...
JavaScript 水仙花数计算示例
2023-06-28 |0 条评论
for (var i = 100; i<= 999; i++){ var ge = i % 10; shi = parseInt(i / 10) % 10; ba...
JavaScript 累加器和累乘器
2023-06-28 |0 条评论
累加器var n = 0; for (var i =1; i <= 10; i++){ n += i; } console.log(n); 累乘器 var mul = 1; ...
JavaScript continue语法示例
2023-06-28 |0 条评论
不符合则停止当前循环进入下次循环//找到1-30之间不是5的倍数的数字进行输出 for(var i = 1; i <= 30 ; i++){ //排除5的倍数 if(i ...
JavaScript break 停止语句示例
2023-06-26 |0 条评论
输出1-50之间被5整除的数字,找到则停止for (var i = 1; i <= 50; i++) { if(i % 5 == 0){ console....
JavaScript while 循环语句示例
2023-06-26 |0 条评论
i++在前面var i = 1; while (i <= 10) { i++; console.log(i); } i++在后面var i = 1; while (i ...
JavaScript do while循环语句示例
2023-06-26 |0 条评论
i++在后面 var i = 1; do{ console.log(i); i++; } while(i <= 10); i++在前面 var i = ...
JavaScript for循环语句示例
2023-06-26 |0 条评论
循环输出 我今年1-100岁了for (var i = 1;i <= 100;i++){ console.log("我今年"+ i +"岁了"...
JavaScript switch判断语句示例
2023-06-26 |0 条评论
判断当前月的天数var month =parseInt(prompt("请输入现在是几月","1")); switch(month){ case...
js实现拼接输入框内容+指定内容,写入到文件并下载
2023-06-24 |0 条评论
html<input type="text" id="input1"> <input type="text" id=...
js实现勾选多个按钮并执行所选择的按钮事件
2023-06-24 |0 条评论
html<input type="checkbox" id="btn1" value="button1">Button 1...
js获取输入框内容并批量提取链接
2023-06-18 |0 条评论
<!DOCTYPE html> <html> <head> <title>批量匹配链接</title> <met...
js获取输入框内容并清除html注释
2023-06-18 |0 条评论
<!DOCTYPE html> <html> <head> <body> <title>html注释</title>...
js获取输入框内容并清除js注释
2023-06-18 |0 条评论
<!DOCTYPE html> <html> <head> <title>清除注释</title> <meta ...
js获取输入框中Unicode编码内容并转换为中文
2023-06-18 |0 条评论
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &l...
js获取输入框内容并转换为Unicode编码
2023-06-18 |0 条评论
<!DOCTYPE html> <html> <head> <title>中文转Unicode编码</title> &...
js获取输入框每行链接并批量打开
2023-06-18 |0 条评论
<!DOCTYPE html> <html> <head> <title>批量打开链接</title> </head&g...
js获取超链接并批量打开链接
2023-06-18 |0 条评论
<!DOCTYPE html> <html> <head> <title>批量打开链接</title> <met...
js获取输入框内容批量生成超链接标签文本
2023-06-18 |0 条评论
<!DOCTYPE html> <html> <head> <title>创建超链接</title> </head>...
js获取输入框内容生成超链接标签文本
2023-06-18 |0 条评论
<!DOCTYPE html> <html> <head> <title>创建超链接</title> </head>...
JavaScript 判断输入框是否为空各方法
2023-06-09 |0 条评论
获取输入框的值<input type="text" id="inputBox"> <button onclick="check...
JavaScript 文字替换
2023-06-04 |0 条评论
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...
js清除指定内容的该行内容
2023-06-01 |0 条评论
function ddd() { var input = document.getElementById("内容框id"); var input2...
js清除符号
2023-06-01 |0 条评论
html<textarea placeholder="内容框" id="kw"></textarea> &...
js清除字母数字以外字符
2023-05-31 |0 条评论
html<textarea placeholder="内容框" id="kw"></textarea> &...
js清除数字
2023-05-31 |0 条评论
js document.getElementById('ll').onclick = function () { var input = document.getElementById(...
js清除反斜杠
2023-05-31 |0 条评论
document.getElementById("按钮id").addEventListener("click", function() { ...
JavaScript 点击按钮在页面上层显示图片
2023-05-31 |0 条评论
function showImage() { var imageUrl = "yu.jpg"; var imageContainer = document.getEl...
js实现网页刷新后仍保留输入框的内容
2023-05-25 |0 条评论
html<textarea id="myTextarea"></textarea> JS const myTextareaEl = document...
js清除空白换行,清除所有换行,清除空格和换行,清除所有空格
2023-05-17 |0 条评论
html<button type="button" id="qckbh" >清除空白换行</button> <texta...
JavaScript 对图片加载失败的处理方法
2023-05-17 |0 条评论
1、jQuery插件,可使用error([[data],fn])函数;$("img").error(function(){ //当图片加载失败时,要进行的操作 //$...
js判断输入的内容是否与设定内容一样
2023-05-15 |0 条评论
判断文本var s = String(prompt("请输入'羽'字到输入框中")); if (s == "羽") { alert("正确,...
JavaScript 按回车键判断输入框是否为空并设置不同事件
2023-05-05 |0 条评论
按回车键判断输入框是否为空,为空时按回车键是返回网页顶部,有内容时进行百度搜索document.onkeydown = function (e) { var theEvent = wind...
JavaScript 清除https://或http://
2023-05-05 |0 条评论
html <input type="text" id="input" placeholder="请输入链接"> <...
JavaScript 实现禁止网页右键
2023-04-14 |0 条评论
function click() {if (event.button==2) {alert(`禁止右键`) }} document.onmousedown=click;
JavaScript 获取访问的上一页的链接来源
2023-04-14 |0 条评论
var uu = document.referrer; alert(uu);
JavaScript 点击按钮切换背景颜色
2023-04-14 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="U...
JavaScript 点击按钮创建新按钮并设置新按钮的点击事件
2023-04-05 |0 条评论
html<button onclick="myFunction()">点我创建一个按钮</button> jsfunction myFunction(...
JavaScript 点击按钮复制指定内容
2023-04-04 |0 条评论
html<textarea id="input"></textarea> <p id="text">内容</p&...
JavaScript 判断当前是否离开该窗口并更改网页标题
2023-04-04 |0 条评论
<script> var OriginTitle = document.title; var titleTime; document.addEventList...
JavaScript 判断网址域名后面?的参数来显示隐藏元素和加载js文件
2023-04-04 |0 条评论
<script> //元素隐藏,网址后面加上 ?sjd时才会显示 if ((location.href || '').indexO...
JavaScript 点击打开链接
2023-04-04 |0 条评论
当前窗口打开链接:onclick="window.open('链接')" 新窗口打开链接:onclick="window.open('链接', '_blank')&...
JavaScript 生成时间戳让html页面不缓存js文件
2023-04-03 |0 条评论
js加载文件并随机生成时间戳<script> document.write("<script type='text/javascript' src='文件名.js?&...
JavaScript 生成二维码
2023-04-01 |0 条评论
<!DOCTYPE html> <html> <head> <title>Generate QR Code</title>...
JavaScript 查找框,替换框,内容框,文本框内容替换
2023-04-01 |0 条评论
html<div> <label for="content">内容框:</label> <input type="...
JavaScript 鼠标悬停在不同按钮上时加载不同元素
2023-03-31 |0 条评论
html<button id="btn1">按钮1</button> <button id="btn2">按钮2<...
JavaScript 鼠标悬停在超链接上时显示title的内容
2023-03-29 |0 条评论
html<br/> <a href="链接" title="悬停时显示这个内容">测试</a> js const li...
JavaScript 复制输入框内文本
2023-03-29 |0 条评论
html<p>单击按钮以复制输入框中的文本,然后尝试将文本(例如 ctrl+v)粘贴到不同的窗口中,以查看效果。</p> <input type="te...
JavaScript 实现为元素循环设置指定背景颜色
2023-03-22 |0 条评论
const links = document.getElementsByTagName('a'); // 获取所有超链接元素 const colors = ['red', 'green', 'b...
JavaScript 输入框获得聚焦时右键显示默认右键菜单,输入框未聚焦时显示设置的菜单
2023-03-22 |0 条评论
html<input type="text" id="myInput"> jsconst input = document.getElemen...
JavaScript 获取当前网页的标题,链接,图标,简介
2023-03-21 |0 条评论
let pageTitle = document.title; let pageUrl = window.location.href; let pageIcon = document.query...
JavaScript 读取文件内容创建超链接元素
2023-03-21 |0 条评论
文件内容格式:一行标题一行链接fetch('文件.txt') .then(response => response.text()) .then(data => { c...
JavaScript 点击按钮只加载一次js文件,再次点击不加载
2023-03-21 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript 鼠标右键菜单事件
2023-03-06 |0 条评论
document.addEventListener('contextmenu', function(e) { // 取消默认的右键菜单事件 e.preventDefault();...
JavaScript 点击按钮后更改所点击的按钮文字颜色
2023-03-06 |0 条评论
var buttons = document.querySelectorAll('button'); buttons.forEach(function(btn){ btn.addEventL...
JavaScript 清除文本换行
2023-03-06 |0 条评论
点击按钮获取输入框内容并清除换行html <input type="text" id="input" placeholder="请输入...
JavaScript 加载并引用外部js文件
2023-03-06 |0 条评论
var script = document.createElement('script'); script.src = '外部js文件路径'; document.body.appendChild...
JavaScript 中等值检测运算符
2023-03-06 |0 条评论
==(相等) 比较两个操作数的值是否相等!=(不相等) 比较两个操作数的值是否不相等===(全等) 比较两个操作数的值是否相等,同时检测它们的类型是否相同!==(不全等) ...
JavaScript 网页到达底部触发事件
2023-03-06 |0 条评论
到达底部时触发事件window.addEventListener('scroll', function() { if ((window.innerHeight + window.pageYO...
JavaScript 判断当前是否为顶层窗口
2023-03-03 |0 条评论
判断当前是否为顶层窗口<script> if(top.location!=self.location){ alert("不是顶层窗口&quo...
JavaScript 判断输入框是否空的并设置事件
2023-03-03 |0 条评论
var input = document.getElementById("输入框id"); if (input.value =...
JavaScript 设置网页按回车键触发事件
2023-03-03 |0 条评论
document.onkeydown = function (e) { var theEvent = window.event || e; var code = theEven...
JavaScript 滑动页面加载js文件
2023-03-03 |0 条评论
html<div id="js-container"></div> jsvar jsContainer = document.getElementBy...
JavaScript 创建html元素并设置元素的id和class
2023-02-28 |0 条评论
创建元素并设置元素的id和classdocument.write("维洛BLOG");(创建了一个超链接)源码 document.write("<a href='https://...
jQuery创建html元素到指定容器元素内
2023-02-28 |0 条评论
$("#容器id").append("<div>创建的元素</div>");
jquery 鼠标悬停在超链接上获取href值并设置iframe的src值
2023-02-28 |0 条评论
示例 $(function(){ $('a').on('mouseover',function(){ var href = $(this).att...
JavaScript 获取元素id并设置点击事件
2023-02-25 |0 条评论
document.getElementById('元素id').onclick = function () {点击后的事件};
JavaScript 判断当前链接是否为指定链接并跳转到指定链接
2023-02-25 |0 条评论
if (window.location.href != "链接") { window.location.href = "链接"; };
JavaScript 图标按钮回到网页顶部,带css样式
2023-02-12 |0 条评论
示例见右下角,双击源码全选并复制,可直接使用源码:<a href="javascript:void(0)" onclick="document.body.sc...
JavaScript 判断是UC还是QQ浏览器以及是否在微信中访问网页
2023-02-07 |0 条评论
判断是UC还是QQ浏览器还是微信var Browser = ''; var ua = navigator.userAgent.toLowerCase();//获取判断用的对象 i...
javascript 事件return false;取消事件默认行为
2023-01-26 |0 条评论
示例:比如a标签事件默认是打开链接,可以加入 onclick="return false;"进行取消打开链接按钮示例:维洛书签加了alert('不可点击');点击后会提示不可...
javascript代码调用Window open() 方法
2023-01-21 |0 条评论
html加链接的方法还有在html中插入javascript代码调用Window open() 方法。示例如下:open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。1、在新浏览器...
JavaScript 点击复制文本
2023-01-17 |0 条评论
css部分:隐藏输入框copy{position: absolute; z-index: -1; opacity: 0;}html部分 广告链接: ...
JavaScript 给HTML元素增加id属性
2023-01-17 |0 条评论
用JS(JavaScript )给HTML元素增加id属性有时候HTML页面元素定位后,发现如一些input元素输入框没有唯一性的id 或者class,那么我们如果想要给这个HTML元素增加属性...
JavaScript 右键菜单
2023-01-17 |0 条评论
<!doctype html> <html> <head> <meta charset="UTF-8"> ...
JavaScript 获取标签的6种方法
2023-01-17 |0 条评论
1.利用document.getElementById(‘id名’); <body> <div id="box"></div> ...
JavaScript 去除空格和换行的正则表达式
2023-01-08 |0 条评论
//去除空格 String.prototype.Trim = function() { return this.replace(/\s+/g, ""); } //去...
JavaScript 生成指定内容二维码
2023-01-08 |0 条评论
<code class="language-html"><!DOCTYPE html> <html lang="en">...
JavaScript 控制元素隐藏和显示
2023-01-07 |0 条评论
第一种不保留位置,第二种保留位置。源码<head> <script type="text/javascript"> fun...
JavaScript 在html中添加图片元素
2023-01-06 |0 条评论
<!DOCTYPE html> <html> <head> <meta charset="utf-8">...
JavaScript 实现显示网站运行时间
2023-01-06 |0 条评论
html<center><span id="sitetime"> </span> jsfunction siteTime(){ w...
JavaScript 代码收藏大全
2023-01-06 |0 条评论
转载:JS代码收藏大全,js基础代码大全 - 开发者博客https://tool.4xseo.com/article/37659.html从其他地方找来的,希望对有需要的人带来方便!1. onc...
JavaScript 手机端和PC端访问网页时设定不同背景图
2023-01-06 |0 条评论
if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IE...
JavaScript 事件
2023-01-05 |0 条评论
常见onchange HTML 元素改变onclick 用户点击 HTML 元素onmouseover 鼠标指针移动到指定的元素上时发生onmouseout 用户从一个 ...
javascript常用命令
2023-01-05 |0 条评论
写入到html元素 <p id="demo">一个段落</p> document.getElementById("demo&q...
JavaScript 判断访客浏览器终端是手机还是电脑
2023-01-05 |0 条评论
if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IE...
JavaScript 中window.location.href的用法
2023-01-05 |0 条评论
javascript中的 location.href 有很多种用法,主要如下。self.location.href=“/url” 当前页面打开URL页面location.href=“/url” ...
JavaScript 自动更换页面背景图片
2023-01-05 |0 条评论
演示:https://xn--xu0a.cn/bfy第一部分<!DOCTYPE html> <html> <head> <met...
JavaScript ctrl+F查找内容
2023-01-05 |0 条评论
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title...
JavaScript自定义html元素鼠标右键菜单
2023-01-04 |0 条评论
效果图在触发contextmenu事件时,取消默认行为(也就是阻止浏览器显示自带的菜单),获取右键事件对象,来确定鼠标的点击位置,作为显示菜单的left和top值源码<!DOCTYPE h...
JavaScript 鼠标单击爱心特效
2022-12-22 |0 条评论
<script type="text/javascript"> !function (e, t, a) {function r() {for (var e ...
JavaScript 禁止右键,F12,ctrl+u等
2022-12-22 |0 条评论
禁各种键 <script > const handler = setInterval(function () { console.clear(); cons...
JavaScript 统计html中存在的链接数量
2022-12-22 |0 条评论
js document.write("链接数为:" + document.links.length); 完整html<!DO...
JavaScript 随机颜色显示tag标签
2022-12-16 |0 条评论
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> ...
JavaScript 搜索文字关键字
2022-12-16 |0 条评论
一<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title...
JavaScript 防止网页被嵌入iframe框架的各种方法
2022-12-15 |0 条评论
js任何域名都无法嵌入iframe框架1:<script type="text/JavaScript"> if (window!=top) // 判断当前的w...
JavaScript 鼠标悬停在元素上时显示文字
2022-12-12 |0 条评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...
JavaScript a标签文件下载
2022-12-05 |0 条评论
a标签target="view_window",打开一个新的窗口,给这个窗口一个指定的标记“view_window”,然后将新的文档载入那个窗口,超链接文档就可以指向这个新的...
JavaScript 鼠标移到文字上跳转到锚点
2022-12-02 |0 条评论
源码<html> <head> <meta http-equiv="Content-Type" content="text/h...
JavaScript 鼠标移到文字显示另一文字
2022-12-02 |0 条评论
源码<html> <head> <meta http-equiv="Content-Type" content="text/html;...
JavaScript div元素拖拽移动
2022-11-29 |0 条评论
转载:元素的拖拽移动https://www.jq22.com/webqd4400 <style> body,html { overflow:hidden; } #box {...
JavaScript 清空输入框文本内容
2022-10-18 |0 条评论
源码<!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
JavaScript 显示当前日期和时间
2022-10-03 |0 条评论
<font id="jnkc" ></font> <script>setInterval("jnkc.innerHTML=n...
自动跳转不被搜索引擎察觉的2种方法
2022-09-01 |0 条评论
方法1<html> <head> <title>Welcome to </title> <script type="t...
JavaScript 网页禁用鼠标右键和F12
2022-08-18 |0 条评论
<script> function click(e) { if (document.all) { if (event.button == 2 || event.button...
JavaScript 网页锚点
2022-08-12 |0 条评论
源码<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT...
JavaScript scrollIntoView网页锚点
2022-07-26 |0 条评论
点击底部的锚点跳转到这里源码:<p id="pNode"><!-- contents --></p><!-- 假设一个需要跳转到的节...
JavaScript f12设置网页全屏/元素全屏,requestFullscreen
2022-07-21 |0 条评论
在浏览器打开一个网页,按F12,选择Console(Microsoft Edge浏览器选择控制台),在底部的输入框输入命令。网页全屏document. documentElement. requ...
JavaScript 随机指定背景图片
2022-07-18 |0 条评论
<script> var bodyBgs = []; bodyBgs[0]= " https://new-service.biliapi.net/picture/...
JavaScript 网页返回顶部按钮
2022-07-18 |0 条评论
html<button onclick="topFunction()" id="myBtn">返回顶部</button> css ...
加载中... 到底了啦
加载更多