如何让网页中的JS函数自动执行?

JavaScript016

如何让网页中的JS函数自动执行?,第1张

functionn MyAutoRun(){//以下是您的函数的代码,请自行修改先!\x0d\x0aalert("函数自动执行哦!")} 下面,我们就针对上面的函数,让其在网页载入的时候自动运行! ①第一种方法 将如上代码改为: \x0d\x0afunctionn MyAutoRun(){//以下是您的函数的代码,请自行修改先!\x0d\x0aalert("函数自动执行哦!")}window.onload=MyAutoRun//仅需要加这一句\x0d\x0a ②第二种方法 修改网页的Body为: 或者改为: ③第三种方法 使用JS定时器来间断性的执行函数: setTimeout("MyAutoRun()",1000)//隔1000毫秒就执行一次MyAutoRun()函数 实现方法,将最上面的那JS函数,改为: \x0d\x0afunctionn MyAutoRun(){//以下是您的函数的代码,请自行修改先!\x0d\x0aalert("函数自动执行哦!")}setTimeout("MyAutoRun()",1000)//这样就行拉\x0d\x0a 其它的方法比较特殊,也不常用,通用性也不大,偶就不介绍了,拜拜!

这个主要是基础理解不够的原因。

打开页面时,HTML CSS Javascript 分别有加载器加载。

可执行的js代码会自动执行。

但是事件函数,是需要出发事件后才可以执行的。

下面是简单的代码,仅供参考:

<body>

    <input type="button" id="btn" />

    <div style="width:100px height:100px background:#ccc"></div>

</body>

<script>

    var oBtn = document.querySelector('#btn')

    var oDiv = document.querySelectorAll('div')[0]

    oBtn.onclick = function(){

        oDiv.style.display = 'none'  //当页面加载时,div是显示的,但是当点击按钮后,div消失。

    }

</script>