浏览器执行javascript的代码
将javascript代码放到页面的最后,等页面加载完毕后,自动执行。如果javascript代码放在head标签中,或在改变对象的前面,就无法有效执行。
浏览器读取网页,从上到下执行。
如果要用javascript实现改变页面内一段文字,有以下几种实现方法:
1.按网页执行顺序
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<p>这是一段文字</p>
</body>
<script type="text/javascript">
var para = document.getElementsByTagName('p')[0];
para.firstChild.nodeValue = "文字内容被改变了";
</script>
</html>
将javascript代码放到页面的最后,等页面加载完毕后,自动执行。如果javascript代码放在head标签中,或在改变对象的前面,就无法有效执行。
2.使用事件
通过window.onload事件触发函数运行,可以确保页面被完全加载后执行javascript语句。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
window.onload = function(){
var para = document.getElementsByTagName('p')[0];
para.firstChild.nodeValue = "文字内容被改变了";
}
</script>
</head>
<body>
<p>这是一段文字</p>
</body>
</html>
通过window.onload事件触发函数运行,可以确保页面被完全加载后执行javascript语句。