js

js-定时器

ⅰ亾dé卋堺 提交于 2020-03-30 00:35:00
知识 要用定时器,先清除定时器 1、 定时器 setInterval() 循环定时器;周而复始的执行(循环执行) setTimeout()( 执行事件,间隔时间(单位毫秒)) <script> var num=0; setInterval(function(){ console.log( num); num++; },1000) </script> 2、setTimeout() 炸弹定时器;用完以后立刻报废(只执行一次) 3、清除定时器 clearInterval()(清除循环定时器) clearTimeout()(清除炸弹定时器) var num=0; //返回值是setInterval定时器的名字 var timer=setInterval(function(){ console.log(num); num++; if(num===10){ //清除定时器 clearInterval(timer) } },2000) 定时器的定义方法 1、定义方式 (匿名函数) setInterval(function(){ console.log(1) },1000); 2、定义方法 (调用函数) setInterval(fn,1000); function fn(){ console.log(2) } 3、定义方法 (最不常用) //定义方法3 (最不常用) //调用函数里面带有参数

js中 opener和parent的区别

我的未来我决定 提交于 2020-03-29 23:37:36
opener即谁打开我的,比如A页面利用window.open弹出了B页面窗口,那么A页面所在窗口就是B页面的 opener,在B页面通过opener对象可以访问A页面。 parent表示父窗口,比如一个A页面利用iframe或frame调用B页面,那么A页面所在窗口就是B页面的 parent。 在JS中,window.opener只是对弹出窗口的母窗口的一个引用。比如: a.html中,通过点击按钮等方式window.open出一个新的窗口b.html。那么在b.html中,就可以通过 window.opener(省略写为opener)来引用a.html,包括a.html的document等对象,操作a.html的内容。 假如这个引用失败,那么将返回null。所以在调用opener的对象前,要先判断对象是否为null,否则会 出现“对象为空或者不存在”的JS错误。 <html> <body> <form. name=form1> <input type=text name=inpu > <input type=button > </form> </body> </html> -------------------------------- back2opener.html -------------------------------- <html> <body> <form.

js中top、self、parent

时光总嘲笑我的痴心妄想 提交于 2020-03-29 23:36:57
1.在应用iframe或者frameset的时候   parent指的是父窗口。top指的是顶级的窗口。self指的是当前的窗口-window window.self 功能:是对当前窗口自身的引用。它和window属性是等价的。 语法: window.self 注:window、self、window.self是等价的。 window.top 功能:返回顶层窗口,即浏览器窗口。 语法: window.top 注:如果窗口本身就是顶层窗口,top属性返回的是对自身的引用。 window.parent 功能:返回父窗口。 语法: window.parent 注:如果窗口本身是顶层窗口,parent属性返回的是对自身的引用。 在框架网页中,一般父窗口就是顶层窗口,但如果框架中还有框架,父窗口和顶层窗口就不一定相同了。 判断当前窗口是否在一个框架中: <script type="text/javascript"> var b = window.top!=window.self; document.write( "当前窗口是否在一个框架中:"+b ); </script> 你应当将框架视为窗口中的不同区域,框架是浏览器窗口中特定的部分。一个浏览器窗口可以根据你的需要分成任意多的框架,一个单个的框架也可以分成其它多个框架,即所谓的嵌套框架。 2.在同一个页面中

js 面向对象实现多个“倒计时器”

回眸只為那壹抹淺笑 提交于 2020-03-29 22:18:08
代码 <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < title > JavaScript测试文件 </ title > </ head > < body > < div >< span id ="hour0" > 0 </ span > 小时 </ div > < div >< span id ="minute0" > 0 </ span > 分 </ div > < div >< span id ="seconds0" > 10 </ span > 秒 </ div > < br /> < div >< span id ="hour1" > 1 </ span > 小时 </ div > < div >< span id ="minute1" > 31 </ span > 分 </ div > < div >< span id ="seconds1" > 31

js简单倒计时

泪湿孤枕 提交于 2020-03-29 22:16:55
不想每次用倒计时,都现写代码,比较烦,这里记一下,也顺便分享一些倒计时简单的逻辑。 如果你有更简单方便的代码,可以分享给大家。 var method = { countdownObj: { timer: null, changeTime: 0, }, countdown: function(long, back) { var that = this; if (that.countdownObj.timer) { clearInterval(that.countdownObj.timer); } that.countdownObj.changeTime = long; back(that.countdownObj.changeTime); that.countdownObj.timer = setInterval(function() { that.countdownObj.changeTime--; back(that.countdownObj.changeTime); if (that.countdownObj.changeTime < 1) { clearInterval(that.countdownObj.timer); } }, 1000); } }; method.countdown(60,function(time){ console.log(time); });

js倒计时

自古美人都是妖i 提交于 2020-03-29 22:15:33
<!doctype html><html> <head> <meta charset="gbk" /> <title>XXXX</title> <script type="text/Javascript"> var settime=5; var i; var showthis; for(i=1;i<=settime;i++) { setTimeout("update("+i+")",i*1000); } function update(num) { if(num==settime) { self.location='$!{fuwuServer}'; } else { showthis=settime-num; var timeLeftSpan = document.getElementById('timeLeft'); timeLeftSpan.innerHTML = showthis; } } </script> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> $control.setTemplate("headerElements.vm") </head> <body class="sys-seller"> <div id="page2"> $control.setTemplate(

鼠标移至图片后抖动的JS代码

和自甴很熟 提交于 2020-03-29 22:15:11
代码简介: 仿QQ的窗口抖动特效,鼠标移到到图片上面,图片就开始疯狂的抖动,好像对你的鼠标过敏一样,比较有意思,有会你的网页增加了修改功能。 代码内容: View Code <html><head><title>鼠标移至图片后抖动的JS代码 - www.webdm.cn</title></head><BODY><style>.shakeimage{position:relative}</style><img src=http://www.webdm.cn/images/wall1_s.jpg class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)"><script language="JavaScript1.2">var rector=3var stopit=0 var a=1function init(which){stopit=0shake=whichshake.style.left=0shake.style.top=0}function rattleimage(){if ((!document.all && !document.getElementById)||stopit==1)returnif (a==1){shake.style.top=parseInt

怎么使用JS禁止复制粘贴

六眼飞鱼酱① 提交于 2020-03-29 20:30:53
Link: http://hi.baidu.com/aifang9999/blog/item/acd6e1eaeed97ed8d539c9e3.html 1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键,其实是禁止快捷菜单,因为不光右键可以弹出这个菜单,键盘上空格键右边的windows键也可以激活这个快捷菜单 <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 禁止选取、防止复制 3. onpaste="return false" 禁止粘贴 4. oncopy="return false;" oncut="return false;" 禁止复制和剪切 5. <input style="ime-mode:disabled"> 关闭输入法 用javascript 禁止右键,禁止复制,禁止粘贴 用javascript 禁止右键,禁止复制,禁止粘贴 2007-03-01 18:36 有时自己辛苦半天做的网页,尤其是一些javascript特效,很容易被人利用查看源文件而复制。那么如何才能防止被人查看源代码呢?我们可以利用event.button特性来做到

JS 禁止IE用右键

南笙酒味 提交于 2020-03-29 19:09:19
<!--组合键: -->IE的键盘监听最多只能作用于document上(window我试过不行)如果内嵌了iframe并且你的焦点在iframe上,那么按键无效 这里我用CTRL+Q写的例子: function test(){  if(event.ctrlKey&&window.event.keyCode==81){    myalert();  }} <!--禁止网页右键: --> document.body.oncontextmenu=function rightClick(){ window.event.returnValue= false;} <!--禁止网页另存为: --> <noscript><iframe src=*.html></iframe></noscript> <!-- 禁止选择文本: --> <script type="text/javascript"> var omitformtags=["input", "textarea", "select"] omitformtags=omitformtags.join("|") function disableselect(e){ if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1) return false } function

js 产生随机数

ⅰ亾dé卋堺 提交于 2020-03-29 18:05:08
<script> function GetRandomNum(Min,Max) { var Range = Max - Min; var Rand = Math.random(); return(Min + Math.round(Rand * Range)); } var num = GetRandomNum(1,10); alert(num); </script> var chars = ['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z']; function generateMixed(n) { var res = ""; for(var i = 0; i < n ; i ++) { var id = Math.ceil(Math.random()*35); res += chars[id]; } return res; } 1.Math.random(); 结果为0-1间的一个随机数(包括0,不包括1) 2.Math.floor(num); 参数num为一个数值,函数结果为num的整数部分。 3.Math.round(num);