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

移动端点击展开菜单js代码

html代码:<div class="menu"> <i></i> <i></i> <i></i> </div>css代码:.hdCon .menu{width: 40px;border-radius: 3px;border: 1p...
红穆的头像-红穆笔记钻石会员红穆2年前
07615
jQuery 使用Ajax无刷新提交留言及表单-红穆笔记

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

PbootCMS本身对于使用ajax请求进行提交时会返回Json数据,那么我们可以无需使用API的情况下实现ajax提交留言,并自定义页面提示,提升用户体验。   1、留言表单 <form onsubmit=&q...
红穆的头像-红穆笔记钻石会员红穆1年前
05414
jQuery点击pre标签后,将pre标签里面的内容存为文件下载下来-红穆笔记

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

这段代码是一个 JavaScript/jQuery 函数,主要实现的功能是在页面加载完成后,当用户点击 <pre> 元素时,将其文本内容以指定的文件类型下载到本地。具体代码解析如下:首先使用 $(documen...
红穆的头像-红穆笔记钻石会员红穆7个月前
05714
如何在点击时验证码时刷新验证码-红穆笔记

如何在点击时验证码时刷新验证码

一般通过js实现,重新载入src的值即可<img src="index.php?p=back&c=Admin&a=captcha" onclick="this.src=this.src+'&k='+Math.random();"/>+'&k='+Math...
红穆的头像-红穆笔记钻石会员红穆2年前
09714
jquery 修改文本-红穆笔记

jquery 修改文本

当需要使用 jQuery 动态修改 HTML 元素的内容时,可以使用 jQuery 的 .html() 或 .text() 方法。例如,假设您有以下 HTML 代码:<div class='modal-body'>已复制到剪贴板</div>您可...
红穆的头像-红穆笔记钻石会员红穆1年前
012914
网页播放音乐滚动歌词效果-红穆笔记

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

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

jquery 选择器

当元素处于同级时,比如以下这种调用,点击对应的li标签,li标签同级对应的div标签才会显示html代码:<ul id='open_list'> <li class='product_Level' data-fid='1'> <a>云服...
红穆的头像-红穆笔记钻石会员红穆1年前
09013
jQuery 利用cookie给导航栏目添加特殊class属性-红穆笔记

jQuery 利用cookie给导航栏目添加特殊class属性

jQuery 点击指定盒子里的a标签后,将这个a标签的链接设置到cookie里面,当页面跳转后,如何设置cookie链接和a标签的url链接相同,则给这个a标签加上属性,cookie只存储一个,当点击盒子里的其他...
红穆的头像-红穆笔记钻石会员红穆1年前
05813
jquery 如果判断为空,则停止执行代码,怎么写?-红穆笔记

jquery 如果判断为空,则停止执行代码,怎么写?

可以使用条件语句 if 进行判断,如果某个变量或表达式的值为空,则使用 return 关键字终止函数的执行,例如:function myFunction() { var myVar = $('#myInput').val(); if (!myVar) { // 如果...
红穆的头像-红穆笔记钻石会员红穆1年前
04912
js 5秒后跳转至指定页面-红穆笔记

js 5秒后跳转至指定页面

分析: 1、需要跳转,则要用到 location对象的href属性。 2、倒计时5秒需要使用定时器 setInterval。 HTML: <div id="msg"></div> JavaScript: window.onload=function...
红穆的头像-红穆笔记钻石会员红穆1年前
07812
jquery+bootstrap 实现一个ajax动态提交数据并修改页面-红穆笔记

jquery+bootstrap 实现一个ajax动态提交数据并修改页面

效果就是这样!点击按钮弹出弹窗,然后提交数据后,返回修改页面实现代码<!-- 模态框 --> <div class='modal fade' id='myModal' tabindex='-1' aria-labelledby='myModalLabel' aria-...
红穆的头像-红穆笔记钻石会员红穆1年前
011012
js鼠标滚动自动隐藏导航菜单-红穆笔记

js鼠标滚动自动隐藏导航菜单

html代码: <header class="header-navigation" id="header"> <nav> <a class="link" href="#" title="Home">首页</a...
红穆的头像-红穆笔记钻石会员红穆1年前
06511