Question

我有一些最初在html文件中的基本javascript，但后来我把它放在外部文件中，它不能正常工作，我不知道为什么。我把脚本放在关闭正文标记之前。

HTML

   <body>

  <div class="titleBar"><img src="../assets/images/gallery.png" alt=""></div>
  <div id="display">
  <img id="displayimg">
  </div>
  <div id="select">
  <img id="selectimg" src="../assets/images/gallery/gallery1.png"        onclick='javascript:display(this)'>

    <img id="selectimg" src="../assets/images/gallery/gallery2.png" onclick='javascript:display(this)'>
    <img id="selectimg" src="../assets/images/gallery/gallery3.png" onclick='javascript:display(this)'>
    <img id="selectimg" src="../assets/images/gallery/gallery4.png" onclick='javascript:display(this)'>
    <img id="selectimg" src="../assets/images/gallery/gallery5.png" onclick='javascript:display(this)'>
    <img id="selectimg" src="../assets/images/gallery/gallery6.png" onclick='javascript:display(this)'>

  </div>
  <script src="script.js"></script>
  </body>

JAVASCRIPT

 function display(imgElement){
   document.getElementById('displayimg').setAttribute('src',imgElement.getAttribute('src'));

Answer 1

你在jscript函数结束时忘记了} 并尝试在js src <script src="/script.js"></script>

中添加斜杠

Answer 2

我的测试是在我的原生环境中，它运作良好！你只需要注意外部js文件的路径
并检查你的js函数的语法，firebug和chrome开发工具可能是一个好帮手

Answer 3

你的jsFiddle框架＆amp;扩展设置no - library和onLoad

chaged jsFiddle framework＆amp;扩展设置没有 - 库，没有包装。

编辑您的HTML代码。

试试吧

<div id="display">   
    <img id="selectimg" src="../assets/images/gallery/gallery2.png" onclick='display(this)'/>
    <img id="selectimg" src="../assets/images/gallery/gallery3.png" onclick='display(this)'/>
    <img id="selectimg" src="../assets/images/gallery/gallery4.png" onclick='display(this)'/>
    <img id="selectimg" src="../assets/images/gallery/gallery5.png" onclick='display(this)'/>
    <img id="selectimg" src="../assets/images/gallery/gallery6.png" onclick='display(this)'/>
</div>

jsFiddle：http://jsfiddle.net/WonSeokHan/2L9ar/

外部链接不工作javascript

3 个答案: