2019.9.16JavaScript学习笔记05

最新推荐文章于 2024-09-11 14:31:58 发布

咸鱼小翼

最新推荐文章于 2024-09-11 14:31:58 发布

阅读量100

点赞数

本文链接：https://blog.csdn.net/weixin_45609340/article/details/100876562

版权

上节课复习

对象

//对象的声明
//对象的访问
//this是调用当前方法的对象
//添加属性或方法 obj.name = ‘ddd’；
//删除属性 delete obj.name;
//遍历(for in 循环)

数组和字符串

//相应的方法

var arr = [];

课上内容

基于对象和事件驱动的脚本语言

动态（声明时无需指定变量类型）、弱类型（可以给任意类型赋值）

弱类型
var num = 100;
num = 'abc';
num;

javascript包括：
ECMAscript(基本语法)
DOM(文档对象模型)
BOM(浏览器对象模型)

DOM(文档对象模型)

alert（）
confirm
close
open
setinterval
clearinterval//清除定时器
clearTimeout
onload

BOM

//window对象是最根上的对象

window下的对象
1、history
	*back()
	*forward()
	*go()
2、location

*hash（）
*search（）
*port（）
*host（）
*href（）

3、screen

*width（）
*height（）
*availHeight（）
*availWidth（）

4、navigator

*userAgent （）
*appVersion（）
5、document

上课代码

<html>
<head>
    <meta charset="UTF-8">
    <title>BOM</title>
    <script>
        // window对象是最根上的对象
        // console.log(window);
        // window对象下的方法
        // alert();
        // var a = 100;//声明的变量是加到window对象上的属性
        // console.log(window.a);
        window.onload = function(){
            var btn = document.getElementById('btn');
            var stop = document.getElementById('stop');
            var id;
            btn.onclick = function(){
                // var flag = confirm('你确定要放弃H5吗');
                // console.log(flag);
                // 打开指定网址的窗口
                // var win = open('https://www.baidu.com/');
                // 延迟执行
                // setTimeout(function(){
                //     win.close();
                // },3000)
                var i = 16;
                // 周期执行
                id = setInterval(function(){
                    // console.log(i++);
                    // btn.style.fontSize = i++ + 'px';
                    btn.style.marginLeft = i++ + 'px';
                },50);
            }
            stop.onclick = function(){
                // 清除定时器
                clearInterval(id);
            }
        }
    </script>
</head>
<body>
    <button id="btn">开始</button>
    <button id="stop">停止</button>
</body>
</html>

Date

这个是现实当前系统时间

		<div id="box">2019/9/16 下午3:13:17</div>
		<script>

			var box = document.getElementById('box');
			setInterval(function(){
			var d = new Date();
			box.innerHTML = d.toLocaleString();
			})
		</script>