在Javascript函数调用上显示图像！

问题描述

| 我是javascript新手，我需要此问题的帮助！ 在特定条件下会调用一个函数，并且在调用该函数时，我希望显示图像！我怎么做 ？这是行不通的！

<script type=\"text/javascript\">
function _enabled() {
document.write(\"<img border=\"0\" src=\"http://4.bp.blogspot.com/-C4vvMEB9MyI/TfW0lduV2NI/AAAAAAAAAZc/N7HL1pUusGw/s1600/some image.png\" />\");
}

var r =true;
</script>

这不起作用，出现此错误

Error: missing ) after argument list
Source File: file:///C:/Users/Gowtham/Desktop/new%20%202.html
Line: 5,Column: 33
Source Code:
document.write(\"<img border=\"0\" src=\"http://4.bp.blogspot.com/-C4vvMEB9MyI/TfW0lduV2NI/AAAAAAAAAZc/N7HL1pUusGw/s1600/sjs.png\" />\"); 

    

解决方法

        语法错误是您在

document.write

字符串文字中使用双引号，但是您还使用了HTML属性的双引号：

document.write(\"<img border=\"0\" src=\"http://4.bp.blogspot.com/-C4vvMEB9MyI/TfW0lduV2NI/AAAAAAAAAZc/N7HL1pUusGw/s1600/some image.png\" />\");
//                          ^--- here and other places

该双引号结束了字符串文字，因此您会收到语法错误。您可能希望使用反斜杠来进行转义，或者使用JavaScript的便捷功能，即可以在字符串文字周围使用单引号。 但这本身并不能解决问题。如果在页面的主要分析完成后调用ѭ2,，则将完全擦除该页面并将其替换为新内容。 要在页面主解析完成后显示图像，请通过DOM

document.createElement

函数创建一个新的

img

元素，然后将其附加到您希望其出现的元素上。例如，此代码在文档末尾放置一个新图像：

function addTheImage() {
    var img = document.createElement(\'img\');
    img.src = \"http://....\";
    document.body.appendChild(img);
}

要添加到另一个元素而不是8号末尾，您只需要获取对该元素的引用即可。有多种方法可以执行此操作，包括

document.getElementById

以其

id

值进行查找，

document.getElementsByTagName

以给定标记查找所有元素等。某些浏览器提供了非常丰富的方法，例如

querySelectorAll

，您可以使用CSS选择器，但不是全部做吧。 （不过，许多JavaScript库（例如jQuery，Prototype，YUI，Closure或其他几种库）为您填补了这一空白，并提供了其他便捷的实用程序功能，以及消除浏览器不一致和浏览器错误的功能。） 有关dom的更多信息： DOM2 Core规范（主要浏览器广泛支持） DOM2 HTML规范（特定于HTML的DOM内容，也得到相当广泛的支持） DOM3核心规范（支持程度较低，但情况正在改善）     ,        转义您的document.write代码。

<script type=\"text/javascript\">
function _enabled() {
document.write(\"<img border=\\\"0\\\" src=\\\"http://4.bp.blogspot.com/-C4vvMEB9MyI/TfW0lduV2NI/AAAAAAAAAZc/N7HL1pUusGw/s1600/some%20image.png\\\" />\");
}

var r =true;
</script>

    ,        您需要转义引号，或在传递给

document.write

的字符串中使用单引号。例如

\"<img border=\\\"0\\\"...

或

<img border=\'0\'...

此刻，您的字符串在第一个属性的开始处结束。     ,        

<script type=\"text/javascript\">
  function _enabled() {
    document.write(\"<img border=\'0\' src=\'http://4.bp.blogspot.com/-    C4vvMEB9MyI/TfW0lduV2NI/AAAAAAAAAZc/N7HL1pUusGw/s1600/some image.png\' />\");
   }

  var r =true;
</script>

注意：单引号。 经过测试的作品很好。     ,        您要么需要转义引号，要么对javascript使用单引号，对html使用双引号（例如）。

<script type=\"text/javascript\">
    function _enabled() {
        document.write(\'<img border=\"0\" src=\"http://4.bp.blogspot.com/-C4vvMEB9MyI/TfW0lduV2NI/AAAAAAAAAZc/N7HL1pUusGw/s1600/some image.png\" />\');
    }

    var r =true;
</script>