javascript變量不能在HTML標記內工作

-1

我想要我的html屬性從javascript語句（函數）中獲取值。它在區域標記內的座標圖像上標記紅色部分塊。我的完整代碼在底部給出。javascript變量不能在HTML標記內工作

這工作完全正常：

<script type="text/javascript"> 
    document.write('<area href="#" select="red" shape="rect" coords="69,76,84,102">'); 
</script>

但由於某些原因的原因，這似乎並沒有工作。有任何想法嗎？

<script type="text/javascript"> 
    var crd=[69,76,84,102]; 
    document.write('<area href="#" select="red" shape="rect" coords="'+crd[0]+","+crd[1]+","+crd[2]+","+crd[3]+'">'); 
</script>

這是我的HTML文件。

<!DOCTYPE html> 
    <html> 
    <head> 
    <title>Mapping Physical Library</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
    <script src="scripts/jquery.imagemapster.js"></script> 

    </head> 

    <body> 

    <img id="pic" src="unnamed.png" usemap="#mark"> 
    <script> 
    $(document).ready(function() 
    { 
     $('#pic').mapster({ 
      singleSelect : true, 
      mapKey: 'select', 
      fill : true, 
      fillColor : 'FF0000', 
      fillOpacity : 1, 
      areas : [{key : 'red', selected : true}] 
     }); 
    }); 
    </script> 

    <map name="mark"> 
     <script type="text/javascript"> 
      document.write('<area href="#" select="red" shape="rect" coords="69,76,84,102">'); 
     </script>  
    </map> 
    </body> 
    </html>

來源

2015-06-20 Souvik Das

控制檯添加日誌。 – sinhayash

不以什麼方式工作？ – daxter1992

你能詳細說明「它不工作」嗎？如果您希望爲您做晚餐，那麼「不起作用」並不奇怪。 –

-1

document.write('<area href="#" select="red" shape="rect" coords="'+crd[0]+"','"+crd[1]+"','"+crd[2]+"','"+crd[3]+'">');

你錯過了逗號唱QUOT（，）

或試試這個

document.write('<area href="#" select="red" shape="rect" coords="'+ crd.join(",")+'">');

來源

2015-06-20 10:16:33 DevMs

第二個是好的，第一個是不正確的。 OP的代碼沒有問題。 –

哦thx @FelixKling這是我的錯誤。只是忽略第一個Plz – DevMs

javascript變量不能在HTML標記內工作

回答

相關問題