为了账号安全,请及时绑定邮箱和手机立即绑定

Javascript:未捕获的TypeError:无法调用null的方法'addEvent

Javascript:未捕获的TypeError:无法调用null的方法'addEvent

慕运维8079593 2019-12-17 13:12:26
我正在尝试做一些相当简单的事情,但是由于我可能不够好以无法搜索文档,因此无法正常工作。我有一个运行正常的内联JS,看起来像这样:<A title="Wolfram IP Calc" href="javascript:txt=prompt('Enter%20IP%20address,%20e.g.%2010.20.30.40/29','1.2.3.4/5');%20if(txt)%20window.open('http://www.wolframalpha.com/input/?i='+txt);void(O);">Compute!</A>由于各种原因,我试图分离JS,而这正是我遇到的障碍。我创建了以下测试页面,该页面给我错误Uncaught TypeError: Cannot call method 'addEventListener' of null:<HTML> <HEAD profile="http://www.w3.org/2005/10/profile"> <script type="text/javascript">var compute = document.getElementById('compute');compute.addEventListener('click', computeThatThing, false);function computeThatThing() {    txt=prompt('Enter%20IP%20address,%20e.g.%2010.20.30.40/29','1.2.3.4/5');    if(txt) {        window.open('http://www.wolframalpha.com/input/?i='+txt);    }}</script></HEAD><BODY><A title="Wolfram IP Calc" id="compute" href="javascript:void(O);">Test</A></BODY></HTML>我已经能够找到点,这样的一个问题是,唯一addEventListener不能一起工作<A>,但应该处理<IMG>(这很适合我,因为我要倒这对一些图像),所以我尝试添加以下无济于事:<img id="compute" src="http://products.wolframalpha.com/images/products/products-wa.png" />在此先感谢您指出我做错了什么。这可能是显而易见的,但是我对JS的经验几乎为零,而到现在为止,我大部分时间都是通过货物培训来学习的。
查看完整描述

3 回答

?
慕的地8271018

TA贡献1796条经验 获得超4个赞

将脚本标记移到BODY的末尾而不是HEAD,因为在当前代码中,计算脚本时html元素在文档中不存在。


由于您不想使用jquery。使用window.onload或document.onload执行您当前脚本标记中的全部代码。 window.onload与document.onload


查看完整回答
反对 回复 2019-12-17
  • 3 回答
  • 0 关注
  • 383 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信