今天在写一段JS代码是遇到一个问题，我的意图是通过onclick事件调用另一个JS文件里的函数---目的是修改一个<div>元素的innerHTML属性值。
首先要调用JS文件里的函数，需要在页面HTML代码的<head>标签后添加如下代码：
<script type="text/javascript" src="scripts/js_file_name.js"></script>
这行必须添加在<head></head>标签之间。
onclick触发所在html代码行：
<p οnclick="test()">更改密码</p>
用意：点击‘更改密码’调用test()函数
下面是js_file_name.js文件代码：
function addLoadEvent(func)
/*事件处理函数加载*/
{var oldοnlοad=window.onload;
if(typeof window.onload!='function')
{ window.οnlοad=func;
}else
{ window.οnlοad=function() {
oldonload();
func();
}
}
}
addLoadEvent(add_display_pwbox);
function test()
{
var a="teststr";
alert(a);
}
到此，载入页面，点击‘更改密码’页面没有任何反应，更改onclick后面的JS代码如下：
<p οnclick="alert('hiiiiii');test()">更改密码</p>
刷新页面 ，弹出对话框 ‘hiiiiii’，说明此处代码并无问题，对照书本仔细检查js链接代码---即<head>后添加的那行代码，也并未发现问题；这时翻到书上讲函数作用域一节读了一段，了解到在函数内部使用var申明变量,该变量将是一个局部变量，它的作用域仅限于申明它的函数的内部；反之，如果在函数里面不使用var申明变量，这个变量将被当作全局变量对待。
于是，我对函数做了修改，改为：
function test()
{
a="teststr";
alert(a);
}
除掉申明变量a时前面的var标识符。返回刷新页面，点击‘更改密码’，弹出对话框并显示‘teststr’.
75
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
