动态注入js脚本时出现意外的字符串错误

Question

我需要执行插入并以以下方式执行javaScript：

$("body").append("<script>//Some Code</script>");

我尝试了以下两种编码方法

1. 手动将所有内容移到同一行，并使用搜索和替换功能将所有双引号替换为单引号

    Fiddle:http://jsfiddle.net/benPearce/vaxo00eb/ 

2. 使用stringescape_tool对JavaScript进行字符串转义

这两种方法均导致“意外字符串”语法错误。 如果有人可以帮助我，我将不胜感激！

我需要注入的脚本

  seal_gif_url="images/nortonseal.gif";


  dn="www.mysite.com";
  sap="getnortonsealimage.js";
  splash_url="https://trustsealinfo.verisign.com";
  tpt="transparent";

  language="en";
  u1=splash_url+"/splash?form_file=fdf/splash.fdf&dn="+dn+"&lang="+language;

  function vrsn_splash() {
    tbar = "location=yes,status=yes,resizable=yes,scrollbars=yes,width=560,height=500";
    sw = window.open(u1,'VRSN_Splash',tbar);
    sw.focus();
  }

  {
    var ver=-1;
    var v_ua=navigator.userAgent.toLowerCase();
    var re=new RegExp("msie ([0-9]{1,}[\.0-9]{0,})");
    if (re.exec(v_ua) != null)
     ver = parseFloat( RegExp.$1 );
    var v_old_ie=(v_ua.indexOf("msie")!=-1);
    if (v_old_ie) {
     v_old_ie = ver < 5;
    }

    function maction(e){
      if (document.addEventListener) {
        var seal=(e.target.name=="seal");
        if (seal) { vrsn_splash(); return false; }
      } else if(document.captureEvents) {
        var tgt=e.target.toString(); 
        var seal=(tgt.indexOf("splash")!=-1);
        if (seal){ vrsn_splash(); return false; }
      }
      return true;
    }

    function mouseDown() {
      if (event.button==1){
        if (v_old_ie) { return true; } else { vrsn_splash(); return false; }
      } else if (event.button==2) { vrsn_splash(); return false; }
    }

    document.write("<a HREF=\""+u1+"\" tabindex=\"-1\" onmousedown=\"return mouseDown();\" target=\"VRSN_Splash\"><IMG NAME=\"seal\" BORDER=\"true\" SRC=\""+seal_gif_url+"\" oncontextmenu=\"return false;\"></A>");

    if((v_ua.indexOf("msie")!=-1) && (ver>=7)) {
      var plat=-1;
      var re=new RegExp("windows nt ([0-9]{1,}[\.0-9]{0,})");
      if (re.exec(v_ua) != null)
        plat = parseFloat( RegExp.$1 );

      if (plat >= 5.1) {
       document.write("<div style='display:none'>");
       document.write("<img src='https://extended-validation-ssl.verisign.com/dot_clear.gif'/>");
       document.write("</div>");
      }
    }

    if (document.addEventListener){ 
      document.addEventListener('mouseup', maction, true); 
    } else {
      if (document.layers){
        document.captureEvents(Event.MOUSEDOWN); document.onmousedown=maction;
      }
    }

    function resized(){
      if(pageWidth!=innerWidth || pageHeight!=innerHeight){
        self.history.go(0);
      }
    }

    if(document.layers){
      pageWidth=innerWidth; pageHeight=innerHeight; window.onresize=resized;
    }
  }

Answer 1

尝试：

$("body").append($("<script>", {
    text: "//Some code"
}));

字符串中的</script>被解释为包含jQuery代码的Javascript的末尾。

问题出在脚本主体中的代码中。 该行存在引用问题：

document.write('<img src='https://extended-validation-ssl.verisign.com/dot_clear.gif'/>');

它应该是：

document.write('<img src=\\'https://extended-validation-ssl.verisign.com/dot_clear.gif\\'/>');

我认为也有必要在这一行中将反斜杠加倍：

document.write('<a HREF=\''+u1+'\' tabindex=\'-1\' onmousedown=\'return mouseDown(); \' target=\'VRSN_Splash\'><IMG NAME=\'seal\' BORDER=\'true\' SRC=\''+seal_gif_url+'\' oncontextmenu=\'return false; \'></A>');

您需要转义所有斜杠，因为此Javascript在原始脚本的带引号的字符串内。

Answer 2

尝试转义斜线。

<\/script>

另外...您打算在任何地方声明这些变量？ ：P

seal_gif_url="images/nortonseal.gif";
dn="www.mysite.com";
sap="getnortonsealimage.js";
splash_url="https://trustsealinfo.verisign.com";
tpt="transparent";
language="en";
u1=splash_url+"/splash?form_file=fdf/splash.fdf&dn="+dn+"&lang="+language;

Answer 3

不确定背后的理论是什么，但是没有多余的括号将引起错误的代码块括起来。 请参阅下面的更改的JavaScript。

 seal_gif_url="images/nortonseal.gif";


  dn="www.mysite.com";
  sap="getnortonsealimage.js";
  splash_url="https://trustsealinfo.verisign.com";
  tpt="transparent";

  language="en";
  u1=splash_url+"/splash?form_file=fdf/splash.fdf&dn="+dn+"&lang="+language;

  function vrsn_splash() {
    tbar = "location=yes,status=yes,resizable=yes,scrollbars=yes,width=560,height=500";
    sw = window.open(u1,'VRSN_Splash',tbar);
    sw.focus();
  }


    var ver=-1;
    var v_ua=navigator.userAgent.toLowerCase();
    var re=new RegExp("msie ([0-9]{1,}[\.0-9]{0,})");
    if (re.exec(v_ua) != null)
     ver = parseFloat( RegExp.$1 );
    var v_old_ie=(v_ua.indexOf("msie")!=-1);
    if (v_old_ie) {
     v_old_ie = ver < 5;
    }

    function maction(e){
      if (document.addEventListener) {
        var seal=(e.target.name=="seal");
        if (seal) { vrsn_splash(); return false; }
      } else if(document.captureEvents) {
        var tgt=e.target.toString(); 
        var seal=(tgt.indexOf("splash")!=-1);
        if (seal){ vrsn_splash(); return false; }
      }
      return true;
    }

    function mouseDown() {
      if (event.button==1){
        if (v_old_ie) { return true; } else { vrsn_splash(); return false; }
      } else if (event.button==2) { vrsn_splash(); return false; }
    }

    document.write("<a HREF=\""+u1+"\" tabindex=\"-1\" onmousedown=\"return mouseDown();\" target=\"VRSN_Splash\"><IMG NAME=\"seal\" BORDER=\"true\" SRC=\""+seal_gif_url+"\" oncontextmenu=\"return false;\"></A>");

    if((v_ua.indexOf("msie")!=-1) && (ver>=7)) {
      var plat=-1;
      var re=new RegExp("windows nt ([0-9]{1,}[\.0-9]{0,})");
      if (re.exec(v_ua) != null)
        plat = parseFloat( RegExp.$1 );

      if (plat >= 5.1) {
       document.write("<div style='display:none'>");
       document.write("<img src='https://extended-validation-ssl.verisign.com/dot_clear.gif'/>");
       document.write("</div>");
      }
    }

    if (document.addEventListener){ 
      document.addEventListener('mouseup', maction, true); 
    } else {
      if (document.layers){
        document.captureEvents(Event.MOUSEDOWN); document.onmousedown=maction;
      }
    }

    function resized(){
      if(pageWidth!=innerWidth || pageHeight!=innerHeight){
        self.history.go(0);
      }
    }

    if(document.layers){
      pageWidth=innerWidth; pageHeight=innerHeight; window.onresize=resized;
    }