JavaScript思维导图——Day 20(BOM操作)
程序员文章站
2022-06-15 12:29:51
...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bom</title>
<style>
body {
height: 3000px;
}
div {
position: absolute;
left: 200px;
top: 1500px;
width: 200px;
height: 200px;
background: red;
}
</style>
</head>
<body>
<div id="demo" style="opacity: 0.3;">
</div>
<iframe src="iframe.html" width="400px" height="400px" frameborder="1"></iframe>
<script>
var a = 2454;
// var b = 10;
// 模仿控制滚动条加载
var demo = document.getElementById('demo');
// // window
// function check(_id) {
// var oDiv = document.getElementById(_id);
// if (oDiv.offsetTop <= window.pageYOffset + window.innerHeight) {
// oDiv.timer = setInterval(() => {
// if (oDiv.style.opacity == '1') {
// clearInterval(oDiv.timer);
// } else {
// oDiv.style.opacity = parseFloat(oDiv.style.opacity) + 0.01;
// }
// }, 180);
// }
// }
// window.onscroll = function () {
// check('demo');
// console.log(demo.offsetTop);
// console.log(window.pageYOffset);
// console.log(window.innerHeight);
// }
// var newWindow = window.open('https://www.baidu.com','duyi','width = 200px,height = 200px')
// newWindow // 直接打开
</script>
</body>
</html>
下一篇: 04-python的运算符