JS 常用的方法

1. 信息提示框 alert

alert('外面干啥呢??');

2. 信息确认框 confirm

var res = confirm('你确定要离开么???');

3. 获取用户的输入 prompt() 对话框

alert('为了确保推算的准确性, 请您如实的填写信息!!!!');
var user = prompt('请输入您的名字!!');
var age = prompt('请输入您年纪!');
var birth = prompt('请输入您的生日 例如 10-10');
var friend = prompt('请输入你最好的朋友的名字!!!');
var str = user+'是一个非常帅气的小伙子, 精力旺盛、占有欲极强,对于生活很有目标,不达到目的誓不罢休,复仇心理重,记仇会让自己不顾一切报复曾经伤害过你的人。天蝎男自我主义色彩很强烈,不容易接近,跟'+friend+'虽然有一些矛盾,但是他是你这辈子最好的兄弟!!!';
text.innerHTML = str;
alert(res);

4. setTimeout 过一段时间之后再执行JS代码

  1. 使用方式一
     setTimeout(function(){
         alert('马上就要放学了!!!!!');
     }, 3000);
    
  2. 方式二
     function run() {
         alert('你们饿不饿??');
     }
     setTimeout(run, 3000);
    
  3. 方式三
     setTimeout('run()', 3000);
     but.onclick = function() {
         setTimeout(function(){
             alert('恭喜你,今天打扫卫生!!!');
         }, 3000);
     }
    

5. setInterval每过一段时间执行一次JS代码

var test = 0;
setInterval(function(){
    console.log(test++);
}, 1000);

6. open和close

<button id="but">打开一个新窗口</button>
<button id="but2">关闭新窗口</button>

<script type="text/javascript">
var opener = null;
but.onclick = function() {
    window.open('http://www.baidu.com');
    window.open('http://www.baidu.com','baidu');
    opener = window.open('http://www.baidu.com','baidu','width=400,height=400');
    window.open('http://www.taobao.com','taobao','width=400,height=400');
    window.open('http://www.tmall.com','tmall','width=400,height=400');
    window.open('http://www.jd.com','jd','width=400,height=400');
    window.open('http://www.xiaohigh.com','xiaohigh','width=400,height=400');
}

but2.onclick = function() {
    opener.close();
}
</script>

7. 操作浏览器

  • 移动浏览器 window.moveTo(20,100);
  • 按照步进来移动浏览器 window.moveBy(10,10);
  • 将浏览器的大小调整到指定值 window.resizeTo(400,400);
  • 按照步进修改浏览器大小 window.resizeBy(20,20);
setInterval(function(){
    window.moveBy(10,10);
}, 100);