如何让页面加载完成后执行js

JavaScript010

如何让页面加载完成后执行js,第1张

让页面加载完执行js有2种方法,js放在文档代码的下方和把语句代码放在window.onload方法里面。

js放在文档代码的下方

这是一个最简单的文档结构,引用的javascript文件都放在body的最下方和把语句放在window.onload函数里面,可以让javascript在页面加载完成后执行。

<!doctype html>

<html>

<head>

<title>helloWorld--zxk</title>

</head>

<body>

<div></div>

<script src="xxx"></script>

</body>

</html>

把语句代码放在window.onload函数里面

例如这段代码,虽然script标签没有在最下方,但javascript语句放在了window.onload里面,所以可以在文档加载完成后执行。

<!doctype html>

<html>

<head>

<title>helloWorld--zxk</title>

<script>

      window.onload=function(){

    alert('页面加载完成!')

      }

</script>

</head>

<body>

<div></div>

</body>

</html>

可以在jquery的ajax方法成功执行之后,执行相应的js代码记住一句话 b/s结构 总是先执行服务器端的先。js是客户端脚本 ,是最后执行的。所以肯定是php先执行= =我是问怎么先输出JS然后才输出PHP。。你是指位置?位置跟执行先后没关系的。服务器先执行了php代码,把代码 变成PHP 三个字符。然后整个html就变成了。。再把东西扔回给浏览器,浏览器接到这些静态代码。就开始显示 <div id="dd"><h1>JS</h1></div> <!--当然这里你是不应该看得到的,但会在浏览器显示出来,因为javascript是动态添加到html里的 -->但楼下的说是 ”从上到下执行,不论是PHP代码还是js代码“。如果你说的是对的话,先执行PHP,至于输出的 语句位置 在 js输出语句 的前面还是后面主要看 PHP代码 在 JS代码 的前面还是后面。例子中无论PHP代码在哪,"PHP“都是最先输出的,但是语句的位置是要看你把PHP代码放在哪里傻啊,php是服务器脚本 语言,js是客户端脚本语言。怎么可能没区别呢?执行肯定 是php先执行。但你说显示,那就要根据你要它显示在那就显示在那。。显示位置跟执行没有任何关系。就好像你这样写。显示最先的会是php ,但javascript依然在最前面。对吧。位置在那不是执行先后决定的。是html的排序决定的。用javascript形式输出数据,其实那就是php把js的输出脚本变为字符串的形式,当js调用会执行php代码