所以我知道,如果你使用jQuery,你可以使用$(document).load(function(){});这样你写入函数的任何代码都会在整个页面加载后执行,但是如果你不使用jQuery并只使用JS,有没有办法做类似的事情？
例如...
<html>
<head>
<script type="text/javascript">
var box = document.getElementById('box');
alert(box);
</script>
</head>
<body>
<div id="box" style="width:200px; height:200px; background-color:#999;
margin:20px;"></div>
</body>
</html>
如果我使用这种方法警报只是说null.那么有一种方法可以在页面加载后运行js代码吗？
假设你有一个简单的数组
var someArray = ["1" , "2" , "3" , "4" , "5" , "6" , "7" , "8" , "9"];
像这样循环遍历数组
for (var i = 0; i < someArray.length; i++) {
console.log(someArray[i]);
};
在控制台给出这个......
1,2,3,4,5,6,7,8,9
....但有没有办法迭代数组,以便只选择第n项？例如,第3个值将在控制台中给出
1, 4, 7, ........
*我只使用CSS制作布局.
而我正在尝试做的是让headerdiv占用一定数量的高度像素,比如100px,然后contentdiv占据浏览器窗口高度的其余部分.
即浏览器窗口高度减去标题div的高度.
所以HTML如下,
<div id="header"></div>
<div id="content"></div>
....这是我到目前为止所拥有的CSS.
html, body {margin: 0; padding: 0; height: 100%;}
#header {width: 100%; height: 100px; background-color: #333;}
#content {position: relative; top: 10px; width: 100%; /*height: auto !important;*/ min-height: 100%; background-color: #999; }
我知道,因为我已经做到这一点,这可以用JS/Jquery根据浏览器的高度设置内容div的高度,但我很想知道是否有一种方法可以使用CSS .
正如您从下面的小提琴中看到的那样,当前的CSS只会使内容div从屏幕底部开始拍摄.