JavaScript共40篇
简介:js一般指JavaScript。 JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言
网页播放音乐滚动歌词效果-红穆笔记

网页播放音乐滚动歌词效果

当网页播放音频时,可以利用 jQuery 和 HTML 实现歌词滚动的效果。以下是一个简单的实现:HTML:<div id='lyrics'> <p data-time='0:00.00'>作词 : 娃娃</p> <p data-time...
红穆的头像-红穆笔记钻石会员红穆3年前
017714
jquery 点击跳转网页顶部-红穆笔记

jquery 点击跳转网页顶部

可以使用 jQuery 来实现点击一个元素后跳转到网页顶部。以下是一个简单的实现方法:$(document).ready(function() { // 监听元素的点击事件 $('#my-element').click(function() { // 滚动到顶部...
红穆的头像-红穆笔记钻石会员红穆3年前
019210
jQuery 使用Ajax无刷新提交留言及表单-红穆笔记

jQuery 使用Ajax无刷新提交留言及表单

PbootCMS本身对于使用ajax请求进行提交时会返回Json数据,那么我们可以无需使用API的情况下实现ajax提交留言,并自定义页面提示,提升用户体验。   1、留言表单 <form onsubmit=&q...
红穆的头像-红穆笔记钻石会员红穆3年前
012314
window.open()窗口居中显示-红穆笔记

window.open()窗口居中显示

var iWidth = 400; //弹出窗口的宽度; var iHeight = 450; //弹出窗口的高度; var iTop = (window.screen.height-30-iHeight)/2; //获得窗口的垂直位置; var iLeft = (window.screen.width-10-i...
红穆的头像-红穆笔记钻石会员红穆4年前
02787
form表单,点击提交之后,如果提交成功则弹窗提示提交成功,点击之后跳转新页面-红穆笔记

form表单,点击提交之后,如果提交成功则弹窗提示提交成功,点击之后跳转新页面

您可以使用JavaScript来实现此功能。具体步骤如下:在form表单中添加一个提交按钮,并为其添加一个事件监听器。在事件监听器中使用XMLHttpRequest对象来提交表单数据到服务器。在XMLHttpRequest...
红穆的头像-红穆笔记钻石会员红穆3年前
010506
图片img上加一个onclick,实现点击刷新图片-红穆笔记

图片img上加一个onclick,实现点击刷新图片

你可以使用下面这段代码来在图片上添加一个onclick事件,让图片被点击后刷新:<img src='your-image-url.jpg' onclick='this.src=this.src+'?'+new Date().getTime();' />当图片被点击时...
红穆的头像-红穆笔记钻石会员红穆3年前
047111
jQuery点击pre标签后,将pre标签里面的内容存为文件下载下来-红穆笔记

jQuery点击pre标签后,将pre标签里面的内容存为文件下载下来

这段代码是一个 JavaScript/jQuery 函数,主要实现的功能是在页面加载完成后,当用户点击 <pre> 元素时,将其文本内容以指定的文件类型下载到本地。具体代码解析如下:首先使用 $(documen...
红穆的头像-红穆笔记钻石会员红穆3年前
016714
PHP+HTML+jQuery+bootstrap 查询修改数据库的功能页面-红穆笔记

PHP+HTML+jQuery+bootstrap 查询修改数据库的功能页面

截图如下:首页index.html<!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1...
红穆的头像-红穆笔记钻石会员红穆3年前
22458
swiper 不同屏幕显示不同方式-红穆笔记

swiper 不同屏幕显示不同方式

breakpoints: { 320: { //当屏幕宽度大于等于320 slidesPerView: 2, slidesPerGroup: 2, spaceBetween: 50 }, 1000: { //当屏幕宽度大于等于768 slidesPerView: 3, slidesPerGroup: 3, spaceBet...
红穆的头像-红穆笔记钻石会员红穆4年前
01428
js判断移动端和PC端跳转不同页面-红穆笔记

js判断移动端和PC端跳转不同页面

方法一:/* * * 判断PC端与WAP端 */ var mobile_bs = { versions: function() { var u = navigator.userAgent; return { trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('...
红穆的头像-红穆笔记钻石会员红穆4年前
02149
jQuery代码,指定id盒子内输出当前日期农历-红穆笔记

jQuery代码,指定id盒子内输出当前日期农历

调用的接口为:中国天文台农历数据接口更多功能自个研究jQuery代码:$(document).ready(function() { var resultElement = $('#result'); function getDayInfo(date) { var apiUrl = 'https://a...
红穆的头像-红穆笔记钻石会员红穆3年前
01647
jquery里 .on是干什么的?有什么用?-红穆笔记

jquery里 .on是干什么的?有什么用?

.on() 是 jQuery 提供的事件绑定方法,用于在指定的 DOM 元素上绑定一个或多个事件处理函数。语法结构如下:$(selector).on(event, childSelector, data, handler);其中,event 是一个或多个事...
红穆的头像-红穆笔记钻石会员红穆3年前
013910