很多网站都有此功能,当浏览到底部时都会有一个打印按钮,点击打印按钮就可以完成打印功能,功能非常不错,人性化,代码非常的简单。<a href="javascript:window.print()">脚本之家</a> 也就是只要调用window.print()函数就可以实现打印当前页面。 但是上面的并不完美,因为有些网页上的很多内容都不需要打印,下面介绍一下如何打印页面中的指定内容。 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta na...
在淘宝等购物网站,我们都会看到一个发送短信倒计时的按钮,究竟是如何实现的呢?下面我就给大家提供一段代码很实用的。 废话不多说了,直接给大家贴js代码了。/*120秒手机短信按钮倒计时*/exports.sendmessage = function (name) {var second = 120;$(name).attr("disabled", true);var color = $(name).css(background-color);$(name).attr("style", "background-color : #c1c1c1");function update(num) {if (num == second) {$...
本文实例讲述了JS控制按钮10秒钟后可用的方法。分享给大家供大家参考,具体如下: <script language="javascript"> function start() {document.getElementById("Button1").disabled = true;document.getElementById("Button1").value = 10;window.setTimeout("tick()",1000); } function tick() {var time = new Number(document.getElementById("Button1").value);if(time>0){document.getElementById("Button1").value = time-1...
本文实例讲述了JS模拟按钮点击功能的方法。分享给大家供大家参考,具体如下: <html><head><title>usually function</title></head><script>function load(){//下面两种方法效果是一样的document.getElementById("target").onclick();document.getElementById("target").click();}function test(){alert("test");} </script><body onload="load()"><button id="target" onclick="test()">test</button></body> <html>备注: btnObj...
本文实例讲述了JQuery实现的按钮倒计时效果。分享给大家供大家参考,具体如下: 一个实现了在按钮上显示倒计时,倒计时完毕自动将按钮设置为不可用的效果,具体代码如下: <html> <head> <title>test count down button</title> <script src="jquery1.8.3.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $(#btn).click(function () { var count = 10; var countdown = setInterval(Co...
本文实例讲解了js点击按钮实现带遮罩层的弹出视频效果,涉及到css以及JavaScript,分享给大家供大家参考,具体内容如下 最终显示效果:点击红色按钮,会有视屏弹出 并带有遮罩层点击黄色区域可以关闭视频 并回到最初的状态。页面主要代码:main中主要包含一个a,控制显示的按钮。设置有id值。 <div class="main"><a href="javascript:;" class="video" id="video"></a> </div> 以下代码就是用来控制视频的显示效果,.video-btn 包含...
比如,一些网站上的手机短信认证的功能,有类似实现点击按钮后,倒计时60秒才能再次点击发送的效果。 此例子用Javascript实现点击按钮后,倒计时60秒才能再次点击发送验证码的功能。 例子1:Javascript 实现 点击按钮 倒计时60秒方可再次点击发送的效果 <input type="button" id="btn" value="免费获取验证码" /> <script type="text/javascript"> var wait=60; function time(o) {if (wait == 0) {o.removeAttribute("disabled");...
点击按钮复制当前网址:在大量的网站都有这样的功能,当点击一个按钮的时候可以复制当前页面的地址,以此可以方便网站用户对链接的存储,同时也便于网站的推广,下面就结合实例介绍一下如何实现此功能:<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>脚本之家</title> </head> <body> <input type="button" name="button" value="复制本页标题和网址,推荐给您...
本文为大家分享了jQuery点击按钮弹出遮罩层且内容居中的特效,下面来看最终实现的效果:由于是测试的程序,所以我未加关闭的按钮。 一、主体程序<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>弹出居中遮罩</title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><link rel="stylesheet" type="text/css" href="css/layout.css"/></head...
最近很轻松,项目结束,趁个空余时间写了一段javascript代码实现判断点击第几个按钮的相关代码,具体代码如下所示: <html><head><meta charset=utf-></head><body><button>第一个</button><button>第二个</button><button>第三个</button><button>第四个</button><button>第五个</button><script>var but=document.getElementsByTagName(button);for(i=;i<but.length;i++){but[i].setAttribute(i,i+);but[i].onclick=function(){b...
废话不多说了,直接给大家贴代码了。 firfox版: <HTML> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <HEAD> <TITLE></TITLE> <script> document.onclick=function(e){ var evt=e||window.event; var tar=evt.target||evt.srcElement; if( (tar.tagName.toLowerCase()=="input"&&tar.type=="button") || tar.tagName.toLowerCase()=="button"){ alert("你点击的是一个按钮") } } </script...
内联按钮 data-inline=true 默认情况下,在体内含量的所有按钮都称为块级元素,所以他们填补了屏幕的宽度。 但是,如果你想让按钮外观紧凑,宽度只符合里面的文字和icon,那就给按钮添加data-inline="true"的属性。如果你有多个按钮,应该肩并肩地坐在同一行,将data-inline="true"的属性为每个按钮。这将风格的按钮将其内容的宽度和浮动按钮让他们坐在同一条直线上。 <a href="index.html" data-role="button" data-inline="true"...
本文实例讲述了JS简单模拟触发按钮点击功能的方法。分享给大家供大家参考,具体如下: <html><head><title>usually function</title></head><script> function load(){//下面两种方法效果是一样的document.getElementById("target").onclick();document.getElementById("target").click(); } function test(){alert("test"); } </script><body onload="load()"><button id="target" onclick="test()">test</button></body> <html>备...
项目需求:输入手机号,实时判断手机号输入的是否符合规则:如果不合规则,则提交按钮为禁用状态,手机号信息不可提交,按钮显示灰色背景;如果符合规则,则可提交所输入的手机号信息,并将按钮背景设成红色。 代码如下: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><style>.box{width: 400px;margin: 50px auto;border: 1px solid #ccc;padding: 50px;}#phone{text-align: center;mar...
创建元素的方法:1、利用createTextNode()创建一个文本对象2、利用createElement()创建一个标签对象3、直接利用容器标签中的一个属性:innerHTML-----本质上改该标签容器中的“html代码”,不是我们认为的对象树的操作详解代码: <body> <input type="button" value="创建并添加节点1" onclick="addNode1()"/> <input type="button" value="创建并添加节点2" onclick="addNode2()"/> <input type="button" value="创建并添加节点3"...