需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。
2、在index.html中的<body>标签中,输入js代码:
function fun() {
alert('click success!')
}
3、浏览器运行index.html页面,此时点击按钮弹出了提示框。
eclipse ee中javascript编译显示错误一般可以忽略。在Eclipse中,js文件常常会报错。可以通过如下几个步骤解决:
第一步:
去除eclipse的JS验证:
将windows->preference->Java Script->Validator->Errors/Warnings->
Enable Javascript Sematic validation前面的勾去掉
第二步:
右键项目 ->properties ->Builders 去掉JavaScript Validator 前面的勾
如果Builders中没有JavaScript Validator这一项。那么去.project文件中修改如下内容:
找到项目目录,删除项目目录里的 .project 文件中的以下部分:
<buildCommand>
<name>org.eclipse.wst.jsdt.core.javascriptValidator</name>
<arguments></arguments>
</buildCommand>
第三步:
删除项目目录里的 .project 文件中的以下部分
<nature>org.eclipse.wst.jsdt.core.jsNature</nature>
注意,修改.project文件可能会要求重启eclipse,或者在eclipse中关闭该工程,然后重新打开工程。
做完这步后如果是Maven的Project,则右击项目,选中Maven,然后点击更新Project.如果不是Maven的Project,则可以关掉改Project,重新打开,这样也可以将Project的变化重新应用到eclipse中。
第四步:
复制该js文件到某个地方,然后从eclipse中直接删除 了报错的js文件,错误消失,再把刚才那个js文件拷进来。
如果以上做了之后还不对的吧,就在Eclipse中打开Problems view,选中相关的错误,根据提示,进行解决。
JS代码出现错误的解决方法如下所示。
具体解决步骤:
1、在HTML中调用错误的JS文件,然后用浏览器打开,打开后按下键盘上的F12,打开调试工具,打开后,我们查看控制台右上角偏左的位置,如箭头所示,在这个地方显示JS代码中有几处错误。
2、找到控制台中的Console选项,用鼠标左键点击,如下图箭头已经指出。
3、用鼠标点击后,会出现红色的错误提示,在提示中我们可以看到错误的原因,显示这个方法未定义。
4、看控制台右上角我们会发现第几行出现错误,我这段代码是第28行出现错误,我们用鼠标左键点击箭头所指的地方。
5、点击之后我们会找到代码中错误的地方用红色曲线标出,行数正好是28行。
6、这样我们就可以在代码编辑器里面有针对性的修改JS代码了。