2012-07-26 77 views
0

我只是试图在屏幕上显示一个消息框。javascript初学者 - 无法在屏幕上显示消息框

这是调用该消息框的按钮HTML ---

<button onclick="myFunction()">Try it</button> 

这是相关的javascript函数代码 -

function myFunction() 
{ 
    alert("Hello World!"); 
} 

JavaScript函数存储在JS/fetchdetails.js(相对于HTML文件的路径)。

我一直在使用的头section--

<script src="js/fetchdetails.js"></script> 

我在做什么错在这里将下面的代码包含在HTML文件中的JS文件?

+0

如果您使用的是firefox,请打开firebug,对于chrome等使用检查器并检查是否确实包含了JavaScript文件。从你给的HTML文件和js文件夹都在同一个目录中的路径?是? – 2012-07-26 11:09:14

+0

你在测试什么浏览器?还要尝试包括type属性'type =“button”' – 2012-07-26 11:10:30

+0

在fetchdetails.js的顶部添加一个警报,以确保正在加载。 – SpaceBeers 2012-07-26 11:10:41

回答

1

您发布的代码没有问题;错误是在别的地方。

您的fetchdetails.js未被加载,或者JavaScript中未显示的某些错误导致您的脚本停止执行。

使用浏览器的检查工具来查找任何错误消息,并验证文件是否已正确加载(通常有一个“Net”标签)。

+0

你是对的 - 在JS文件中有一个函数有错误 - 我在Google Chrome中打开了检查器 - 这就是我发现错误的原因......谢谢! – Arvind 2012-07-26 11:55:32

-1

试试这个..

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Page Name</title> 

     <script type="text/javascript" src="js/fetchdetails.js"> </script> 

    </head> 

    <body> 
<button onclick="myFunction();">Try it</button> 
    </body> 
</html> 

在你的JavaScript文件

function myFunction(){alert("Hello World!");} 

这工作适合我

如果不工作,请提供详细信息,否则试试这些按钮:

<button onclick="javascript:myFunction();">Try it</button> 
<input type="button" onclick="myFunction();" value="Try me"/> 
<input type="button" onclick="javascript:myFunction();" value="Try Me"/> 

希望这可以帮助

+0

downvote的解释? – LmC 2012-07-26 12:01:24