0 0

同样一段js,为什么放在<head/>标签内会出错,而放在<head/>标签外就正确呢?5

js和html代码如下所示:
如果将func3()函数放于<head>...</head>标签内,如下所示:
<html>
<head>
   <script language="javascript">
function func3(){
  var nodes=document.getElementsByName('txt1');
  var str="";
  for (i=0;i<nodes.length;i++)
  {
    str=str+nodes[i].value;
  }
 
  alert(str);
}
     </script>
</head>
<body>
  <form name="form1">
<input type="text" name="txt1"/>
<input type="text" name="txt1"/>
<input type="button" value="click" onclick="func3();">   
</form>
</body>
</html>
执行后,会出现错误:
[img src="C:/Documents and Settings/Administrator桌面/001.jpg"][/img]
如果将同样的js放到<head/>标签外部却能正确执行,这是为什么呢?
问题补充:
为什么有时候将js函数放到<head/>标签内就不能正确执行,而放到<head/>标签外部就能正确执行了呢?
2008年7月07日 09:44

7个答案 按时间排序 按投票排序

0 0

code看不出错误,你所谓的"执行后"是页面初始化后还是执行"onclick"事件,还是???象你所说,js放到<head>外是指放到哪里?<head>和<body>中间,还是body里边,还是...看不明白..自己解决把,用firfox的插件firebug调试一下...

2008年7月07日 17:50
0 0

这个没什么问题啊!~
JS的代码多的都应当放到<head>里, 而JS少量的代码可以放到<body>里
错误应该是其它原因造成的  等待你找出错误 然后分享

2008年7月07日 17:18
0 0

未发现错误,请帖个错误的图片吧

2008年7月07日 13:03
0 0

你说的这个是什么样的情况呢?还没遇到过

2008年7月07日 13:02
0 0

真想跑到楼主电脑上看看

C:/Documents and Settings/Administrator桌面/001.jpg

这个错误图片是什么样的?...

2008年7月07日 10:07
0 0

确实,没有错误,查查别处的代码

2008年7月07日 09:57
0 0

我试过了,没有报错呀?是不是别的原因?

2008年7月07日 09:52

相关推荐

    JavaScript引入方式

    - JavaScript代码必须被包含在`&lt;script&gt;`标签内,并以`&lt;/script&gt;`结束。 - `&lt;script&gt;`标签可以出现在HTML文档的任意位置,但通常推荐将其放置于`&lt;head&gt;`部分或`&lt;body&gt;`部分的底部,以便优化网页加载速度。 - 在一个...

    freemarker总结

    其它的运行符可以作用于数字和日期,但不能作用于字符串,大部分的时候,使用gt等字母运算符代替&gt;会有更好的效果,因为 FreeMarker会把&gt;解释成FTL标签的结束字符,当然,也可以使用括号来避免这种情况,如:&lt;#if (x&gt;y)&gt; ...

    jquery 通知插件toastr

    在 HTML 文档的 `&lt;head&gt;` 标签内添加对 `toastr.css` 的引用,确保页面样式正确。接着,在页面底部(通常在 `&lt;/body&gt;` 标签之前)引入 `toastr.js` 和 `toastr.setting.js`。这样,Toastr 的核心功能就准备好了。 `...

    列表字段定义多行

    每个`&lt;input&gt;`标签都定义了一个独立的输入字段,其中`name`属性用于标识该字段,`id`属性用于唯一标识该元素,而`size`属性则用于设置输入框的宽度。 #### 2. 多行列表字段的设计思路 为了实现多行列表字段,我们...

    ASP技术常遇问题解答-如何编写一个加法器?.zip

    在ASP代码段中,我们定义了一个名为`calculateSum`的函数,该函数会获取表单中的值,将它们转换为数字,进行加法运算,然后将结果写回到页面上。 `Request.Form("num1")`和`Request.Form("num2")`是用来获取表单中...

    前端项目-squire-rte.zip

    这个例子中,我们在页面上创建了一个`&lt;textarea&gt;`,然后用Squire实例化了一个编辑器对象,并向编辑器中插入了一段初始文本。当然,实际应用中你可能还需要处理更多细节,如事件监听、工具栏构建等。 总的来说,...

    javascript脚本

    JavaScript是一种广泛应用于网页和网络应用的编程语言,它在客户端运行,无需服务器支持,为用户提供动态、交互式的网页体验。JavaScript脚本语言以其轻量级、灵活和强大的特性,成为了创建网页动画的首选工具。本篇...

    JQuery实现的传统页面DIV排序删除

    &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;jQuery DIV排序&lt;/title&gt; &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" href=...

    jquery-manifest.js

    &lt;script src="jquery-manifest.js"&gt;&lt;/script&gt; &lt;script&gt; $(document).ready(function() { $.manifest({ // 配置选项 update: 'auto', // 更新策略,可选值有'auto', 'always', 'never' debug: true, // 是否...

    asp+Ajax简单客户登陆验证

    - 在HTML文件的`&lt;head&gt;`标签内添加必要的JavaScript和CSS文件引用: ```html &lt;script src="js/Xml.js"&gt;&lt;/script&gt; &lt;link href="css/myStyle.css" type="text/css" rel="stylesheet"&gt; &lt;script src="/HttpForAjax/...

    js实现多图和单图上传显示

    &lt;a href="javascript:void(0)"&gt;&lt;img src="z_add.png" alt=""&gt;&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;script&gt; function uploadImg(input) { var imgList = document.getElementById('imgList'); var files = input.files; ...

    ASP 入门的一些小例子

    If Err.Number &lt;&gt; 0 Then response.Write "发生错误:" & Err.Description Err.Clear '清除错误 End If On Error GoTo 0 '关闭错误处理 ``` 6. **示例应用** 包含的"asp入门小例子"可能涵盖以下内容: - **...

    javascript容错处理代码(屏蔽js错误)

    JavaScript容错处理是确保网页和应用程序在遇到错误时仍能正常运行的一种技术。在JavaScript编程中,错误可能由于各种原因产生,例如语法错误、引用未定义的变量、调用不存在的函数等。这些错误如果不进行处理,可能...

    SpringMVC结合ajaxfileupload实现文件无刷新上传代码

    &lt;script src="js/ajaxfileupload.js"&gt;&lt;/script&gt; &lt;script&gt; $(function() { $("#uploadForm").submit(function(e) { e.preventDefault(); // 阻止表单的默认提交行为 $.ajaxFileUpload({ url: 'admin/Replay_...

    屏蔽一切js错误,屏蔽一切js错误

    具体来说,是通过将一段特定的JavaScript代码嵌入到网页中,以达到全局屏蔽JS错误的目的。下面将详细介绍这种方法的工作原理、实现步骤以及可能带来的问题。 #### 工作原理 1. **理解`window.onerror`**: `window....

    如何使用Jquery动态生成二级选项列表

    &lt;script src="js/jquery-3.3.1.min.js" type="text/javascript"&gt;&lt;/script&gt; ``` 现在,我们编写JavaScript代码,这部分代码将在页面加载完成后执行。这里我们使用`$(function() {...})`,这是jQuery提供的文档就绪...

    jquery1.4.2 and jquery-1.4.2-vsdoc

    综上所述,`jquery1.4.2.js`和`jquery-1.4.2-vsdoc.js`这两个文件为JavaScript开发者提供了强大而便捷的工具,让网页开发变得更高效、更易维护。无论是初学者还是经验丰富的开发者,都能从中受益。

    PHP Header用于页面跳转时的几个注意事项

    &lt;head&gt;&lt;/head&gt; &lt;body&gt; &lt;?php header('Location: test.php'); ?&gt; &lt;/body&gt; &lt;/html&gt; ``` 因为`&lt;body&gt;`标签后已经有输出了。正确的做法是将header()函数放在所有输出之前,或者使用输出缓冲技术。 3. header()函数之后...

Global site tag (gtag.js) - Google Analytics