学习笔记--javascript 的<script></script>放在body和<head></head>的区别
2015-05-31 10:38
826 查看
html5的页面执行时自上而下的,所以当在<head></head>中使用的时候不要有getElemntById(id 来自body里),由于还没加载到,会返回null;
要将<script>放到那些id之后。
eg:
显示
要将<script>放到那些id之后。
eg:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>sorrow</title> <link rel="stylesheet" type="text/css" href="New.css"> <script> function qian() {document.getElementById("pid").innerHTML="皓腕凝霜雪";// } qian(); </script> </head> <body> <p id="pid"> 叹桥边红叶,年年知为谁生。</p> <button id="btn">button</button> </body> </html>
显示
叹桥边红叶,年年知为谁生。 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>sorrow</title> <link rel="stylesheet" type="text/css" href="New.css"> </head> <body> <script> function qian() {document.getElementById("pid").innerHTML="皓腕凝霜雪";// } qian(); </script> <p id="pid"> 叹桥边红叶,年年知为谁生。</p> <button id="btn">button</button> </body> </html>显示
叹桥边红叶,年年知为谁生。
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>sorrow</title> <link rel="stylesheet" type="text/css" href="New.css"> </head> <body> <script> function qian() {document.getElementById("pid").innerHTML="皓腕凝霜雪";// } qian(); </script> <p id="pid"> 叹桥边红叶,年年知为谁生。</p> <script> function qian() {document.getElementById("pid").innerHTML="皓腕凝霜雪";// } qian(); </script> <button id="btn">button</button> </body> </html>显示
皓腕凝霜雪
相关文章推荐
- html5.js
- js中arguments的用法
- javascript javascript加载类似星座、血型的函数
- javascript处理HTML的Encode(转码)和Decode(解码)总结
- BZOJ 1015: [JSOI2008]星球大战starwar( 并查集 )
- JavaScript实现倒计时效果
- javascript学习代码--点击按钮显示内容
- javascript学习代码
- JSplitPane demo
- JS中stopPropagation函数停止事件传播
- Javascript 按位取反运算符 (~)
- JavaScript表单验证和邮箱格式验证的方法
- 使用JavaScript异常在页面显示错误提示的方法
- extJS5.1-----利用sencha cmd建立工程项目
- ExtJS 是什么?与JavaScript、Ajax和Ext的区别及联系是什么?
- 【关于JavaScript】自动计算的实例
- json数据表示
- 【关于JavaScript】常见表单用户名、密码不能为空
- JavaScript 开发的45个经典技巧
- JSP 动作