JS 常用的方法

2017-08-15 15:48:58 Albin Wong 1321

### 1. 信息提示框 alert  
`alert('外面干啥呢??');`  
### 2. 信息确认框 confirm  
`var res = confirm('你确定要离开么???');`

### 3. 获取用户的输入 prompt() 对话框
```javascript
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. 使用方式一
    ```javascript
    setTimeout(function(){
        alert('马上就要放学了!!!!!');
    }, 3000);
    ```
2. 方式二
    ```javascript
    function run() {
        alert('你们饿不饿??');
    }
    setTimeout(run, 3000);
    ```
3. 方式三
    ```javascript
    setTimeout('run()', 3000);
    but.onclick = function() {
        setTimeout(function(){
            alert('恭喜你,今天打扫卫生!!!');
        }, 3000);
    }
    ```

### 5. setInterval每过一段时间执行一次JS代码
```javascript
var test = 0;
setInterval(function(){
    console.log(test++);
}, 1000);
```
### 6. open和close
```html
<button id="but">打开一个新窗口</button>
<button id="but2">关闭新窗口</button>

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

### 7. 操作浏览器

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

```javascript
setInterval(function(){
    window.moveBy(10,10);
}, 100);
```

(3) Comments

John Doe- Reply

February 26, 2013 at 1:18 pm
- saqib sarwar- Reply
  
  February 26, 2013 at 1:20 pm
  
  Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
John Doe- Reply

February 26, 2013 at 1:27 pm

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

Your email address will not be published. Required fields are marked *

Name *

Email *

Website

Comment

You can use these HTML tags and attributes <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

JS 常用的方法

(3) Comments

John Doe- Reply

saqib sarwar- Reply

John Doe- Reply

Leave a Reply