js页面初始化加载

1:$(function){};

2:$(document).ready(function(){});

3:$(window).load(function(){});

4:window.onload = function(){};

5:在标签上静态绑定onload事件,<body onload="aaa()">等待body加载完成,就会执行aaa()方法。

注:第1种是第2种的简写方式。两个是document加载完成后就执行方法。第3种和第4种都是等到整个window加载完成执行方法体。两者也没有区别,只是一个使用dom对象,一个使用jQuery对象。

js页面动态加载

setInterval()是一个实现定时调用的函数,可按照指定的周期(以毫秒计)
来调用函数或计算表达式。setInterval方法会不停地调用函数,直到 clearInterval被调用或窗口被关闭

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
</head>
<body>
</script>
 <p id='time'></p>
 <button onclick="myFunction()">点我</button>
 <script>
function myFunction() {
    setInterval(function(){ document.getElementById("time").innerHTML=Date(); }, 1000);        
}
</script>
 
 </body>
</html>