js放在<head>里 和 <body>里的区别
来源:互联网 发布:免费硬盘数据恢复软件 编辑:程序博客网 时间:2024/06/09 19:49
写在<head>里的js会在网页全部 在载入前执行 所以如果head里只能写 鼠标事件 调用的 方法 写在里面 而写在<body> 里的js则是 网页加载到那就执行
可以运行下面的这段代码试下
<!--你运行下面的代码看看--> <head><script>alert("我是head里的js,我在网页全部载入完成后执行")</script></head><body>body里的js前的内容<br/><script>alert("我是body里的js,网页解析到这里我就执行")</script>body里的js后的内容<br/></body>
而如果写在<body>里的话,并且 写在html上面的话 那么 因为body里的 是从上往下执行 并且 加载到哪执行到哪 就会导致 js里的 值为 null 或 undefined 因此导致方法不能用 例如下面的
<!DOCTYPE html><html><body><script>var parent=document.getElementById("div1");if(parent == null){alert("adf");//此时parent为空 }var child=document.getElementById("p1");var para=document.createElement("p");var node=document.createTextNode("This is new.");para.appendChild(node);parent.replaceChild(para,child);//replaceChild 方法不能用</script><div id="div1"><p id="p1">This is a paragraph.</p><p id="p2">This is another paragraph.</p></div></body></html>如果想让它有用 有两种方式 一种 是把js放在下面 还有一种如下所示<!DOCTYPE html><html><body onload="load()"><script defer="defer">function load(){var parent=document.getElementById("div1");var child=document.getElementById("p1");var para=document.createElement("p");var node=document.createTextNode("This is new.");para.appendChild(node);parent.replaceChild(para,child);}</script><div id="div1"><p id="p1">This is a paragraph.</p><p id="p2">This is another paragraph.</p></div></body></html>
这样也可以用 , 不过我觉得 没这必要 还是把js写在 下面 或者写在 <head> 里吧0 0
- js放在<head>里 和 <body>里的区别
- js放在head里和body里的差别
- JavaScript放在head和body里的区别
- javascript(js)放在head和body的区别
- JS代码放在head和body的区别
- js script放在head和body里面的区别
- js代码放在head和body的区别
- JS放在head和放在body中的区别
- JS放在head和放在body中的区别
- JS放在head和放在body中的区别
- JS代码放在head和body中的区别
- JS代码放在head和body中的区别分析
- Js放在head和body中的区别
- Js放在head和body中的区别
- JS代码放在head和body中的区别分析
- JS代码放在head和body中的区别分析
- JS代码放在head和body中的区别分析
- js script放在head跟body里面的区别
- 透明图片做背景和形状的方法swing
- 给ligerui分页。
- uva 1451 - Average(数形结合)
- Android 4.4.2 Pptp VPN connecting log ---SUCCESS (LG Nexus)
- 入门MongoDB,你需要注意的4个技巧
- js放在<head>里 和 <body>里的区别
- 2014年华为机试试题
- Linux虚机下添加新硬盘后挂载及分区方法
- delphi 常用函数
- XMLHttpRequest 及其open()的用法
- Visual Studio Publish 系统找不到指定的路径
- 奇思妙想(一)
- ps 简笔画效果制作
- 【java performance】尽可能的使用栈变量