wshyzx
2016-10-10 23:58
index.html:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>系好安全带,准备启航</title> <!--引入外部文件的方式--> <script type="text/javascript" src="script.js"> //多行注释 /*我是多行注释! 我需要隐藏, 否则会报错哦!*/ //在页面中显示文字 document.write("系好安全带,准备启航--目标JS"); //页面中弹出提示框 boom2(); //单行注释 //我是单行注释,我也要隐藏起来! </script> </head> <body> </body> </html>
script.js :
//编写JS代码 function boom2(){ alert("准备好了,起航吧!"); }
<script src="script.js" type="text/javascript"></script>//它作为引用,这就是完整的句子了,标签内不要再加内容。以下为JS入门篇第一章的部分内容:<script>标签成对出现,并把JavaScript代码写在<script></script>之间。而JS文件不能直接运行,需嵌入到HTML文件中执行,我们需在HTML中添加<script src="script.js" type="text/javascript"></script>,就可将JS文件嵌入HTML文件中。也就是说引用路径用的标签和写内容用的要分开,性质不同。
<script type="text/javascript">
document.write("系好安全带,准备启航--目标JS");
boom2();//这个是调用函数的,首先要有函数。
</script>
测试了一下,你的问题是 HTML 里的boom2()函数没有被调用执行,所以会运行出错
--------------我是分割线--------------
//页面中弹出提示框
boom2(); //定义的这个函数这样子写出来是不会调用运行的。。。
//解释原因:当调用该函数时,会执行函数内的代码。可以在某事件发生时直接调用函数(比如当用户点击按钮时),也就是说,函数必须被调用,才能执行//
//单行注释
//我是单行注释,我也要隐藏起来!
--------------我是分割线--------------
引入的js文件为一条 自己在html写的内部js为一条
<script src="..." type=""></script> //这是你引入的js
<script type="">...</script> //这是你在html内部写的js
继续学习下一节吧
其实很简单,对于初学者来说很容易在引入script文件的标签中编写另外的javascript代码(<script type="text/javascript" src="script.js">),而只要将javascript代码编写到另外一个script中即可(不要再引入script文件了)
JavaScript进阶篇
468195 学习 · 21891 问题
相似问题