外部链接无法使用javascript

external link not working javascript

本文关键字：javascript 链接 外部      更新时间：2023-09-26

我有一些基本的javascript，最初在html文件中，但后来我把它放在了一个外部文件中，它不起作用，我不知道为什么。我已经把脚本放在了结束body标记之前。

这是我的代码：http://jsfiddle.net/2fuxR/

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'));

您忘记了jscript函数末尾的}并尝试在js-src <script src="/script.js"></script> 中添加斜线

我的测试是在我的原生环境中进行的，它运行得很好
您只需要注意外部js文件的路径
检查js函数的语法，firebug和chrome开发工具可能是一个很好的助手

您的jsFiddle框架&扩展设置无库和onLoad

chaged jsFiddle框架&扩展没有设置库和包装。

编辑你的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/

相关文章：