最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

JS代码放在head和body中的区别分析_javascript技巧

来源:动视网 责编:小采 时间:2020-11-27 21:01:34
文档

JS代码放在head和body中的区别分析_javascript技巧

JS代码放在head和body中的区别分析_javascript技巧:那么有什么不同呢?先看一个例子: 一个二级级联动态下拉列表框,一级分类(即大类别)id=vSort0. 代码如下: function changelocation(id) {…………} ……省略…… ……………… 现在有个js脚本: 代码如下: changelocation(d
推荐度:
导读JS代码放在head和body中的区别分析_javascript技巧:那么有什么不同呢?先看一个例子: 一个二级级联动态下拉列表框,一级分类(即大类别)id=vSort0. 代码如下: function changelocation(id) {…………} ……省略…… ……………… 现在有个js脚本: 代码如下: changelocation(d


那么有什么不同呢?先看一个例子:
一个二级级联动态下拉列表框,一级分类(即大类别)id="vSort0".
代码如下:

function changelocation(id)
{…………}


………………


现在有个js脚本:
代码如下:

changelocation(document.form4.vSort0.options[document.form4.vSort0.selectedIndex].value); //初始化第一个一级分类的二级分类,去掉后第一个一级分类的二级分类在页面载入之后不显示。回选才显示。将一级分类的value传给changelocation()函数,生成二级分类的列表


那么把这个js脚本放head里面还是body里面呢?
答案是不仅要放到body里面,而且还得放到定义id='vSort0'的列表框后面,因为这个js脚本中有document.form4.vSort0.selectedIndex,如果放到head里或者body的id='vSort0'前,页面加载后顺序执行代码,执行到这个js发现vSort0未定义(即undefind),这个js也就失去了作用。
而为什么我们经常看到有很多的人把js脚本放到head里面没事呢?对!
就是因为你看到的在head里的js代码有onclick等事件传递了变量给函数。
这就告诉我们,如果我们想定义一个全局对象,而这个对象与页面中的某个按钮(等等)有关时, 我们必须将其放入body中,道理很明显:如果放入head,那当页面加载head部分的时候,那个按钮(等等)都还没有被定义(也可以说是还没有被加 载,因为加载的过程就是执行代码的过程,包括了定义),你能得到的只可能是一个undefind。

文档

JS代码放在head和body中的区别分析_javascript技巧

JS代码放在head和body中的区别分析_javascript技巧:那么有什么不同呢?先看一个例子: 一个二级级联动态下拉列表框,一级分类(即大类别)id=vSort0. 代码如下: function changelocation(id) {…………} ……省略…… ……………… 现在有个js脚本: 代码如下: changelocation(d
推荐度:
标签: js 代码 放在
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top