js输出代码问题


<html>
<head>
<script type="text/javascript">
function show(){
var t;
t="<div class=\"moviecontent\"><script type=\"text/javascript\" src=\"../../js/play/swfobject.js\"></";
t+="script><p id=\"player2\">";
t+="<script type=\"text/javascript\">";
t+="var s1 = new SWFObject(\"../../js/play/flvplayer.swf\",\"single\",\"590\",\"480\",\"7\");";
t+="s1.addParam(\"allowfullscreen\",\"true\");";
t+="s1.addVariable(\"file\",\"http://f1.r.56.com/f1_9c7d48952574e2993ba9d7ea3d89a4c8.c51.56.com/flvdownload/9/25/127784640343hd.flv\");";
t+="s1.addVariable(\"image\",\"preview.jpg\");";
t+="s1.addVariable(\"width\",\"590\");";
t+="s1.addVariable(\"height\",\"480\");";
t+="s1.write(\"player2\");</";
t+="script></p></div>";document.getElementById("div1").innerHTML=t;
}
</script>
</head>
<body>
<input type="button" id="txt1" value="tt" onClick="show()" />
<div id="div1" style="width:500px; height:300px; border:solid 1px #000;"></div>
</body><!-- 这是JS应该输出并执行的内容
<div class="moviecontent">aaaplayfff<script type="text/javascript" src="../../js/play/swfobject.js"></script><p id="player1">
<script type="text/javascript">
var s1 = new SWFObject("../../js/play/flvplayer.swf","single","590","480","7");
s1.addParam("allowfullscreen","true");
s1.addVariable("file","http://f1.r.56.com/f1_9c7d48952574e2993ba9d7ea3d89a4c8.c51.56.com/flvdownload/9/25/127784640343hd.flv");
s1.addVariable("image","preview.jpg");
s1.addVariable("width","590");s1.addVariable("height","480");s1.write("player1");</script></p></div>
-->
</html>
我想在点按钮时，将代码输出到DIV里，可是输出后，如何让代码执行呢？

解决方案 »

  1.   

    好像逻辑有点问题
    function show(){
    var t;
    t="<div class=\"moviecontent\"><script type=\"text/javascript\" src=\"../../js/play/swfobject.js\"></";
    t+="script><p id=\"player2\">";
    t+="<script type=\"text/javascript\">";
    t+="var s1 = new SWFObject(\"../../js/play/flvplayer.swf\",\"single\",\"590\",\"480\",\"7\");";
    t+="s1.addParam(\"allowfullscreen\",\"true\");";
    t+="s1.addVariable(\"file\",\"http://f1.r.56.com/f1_9c7d48952574e2993ba9d7ea3d89a4c8.c51.56.com/flvdownload/9/25/127784640343hd.flv\");";
    t+="s1.addVariable(\"image\",\"preview.jpg\");";
    t+="s1.addVariable(\"width\",\"590\");";
    t+="s1.addVariable(\"height\",\"480\");";
    t+="s1.write(\"player2\");</";
    t+="script></p></div>";document.getElementById("div1").innerHTML=t;
    }
    这里面的JAVASCRIPT代码段可以在另外写一个方法，而不是以HTML代码的形式去输出，
    要执行的话就在你的拼接HTML代码的地方执行你自己另外写的方法就可以了。
      

  2.   

    这段代码本来是从后台输出到前台的。
    我这儿只是测试下这样输出为什么不行后台是直接：Response.Write(代码);这儿这样输出，主要是为了根据视频类型，使用不同的播放器！
      

  3.   

    试下<html>
    <head>
    <script type="text/javascript">
    function show(){
    var t = "(function(){ return ' ";
    t+="<div class=\"moviecontent\"><script type=\"text/javascript\" src=\"../../js/play/swfobject.js\"></";
    t+="script><p id=\"player2\">";
    t+="<script type=\"text/javascript\">";
    t+="var s1 = new SWFObject(\"../../js/play/flvplayer.swf\",\"single\",\"590\",\"480\",\"7\");";
    t+="s1.addParam(\"allowfullscreen\",\"true\");";
    t+="s1.addVariable(\"file\",\"http://f1.r.56.com/f1_9c7d48952574e2993ba9d7ea3d89a4c8.c51.56.com/flvdownload/9/25/127784640343hd.flv\");";
    t+="s1.addVariable(\"image\",\"preview.jpg\");";
    t+="s1.addVariable(\"width\",\"590\");";
    t+="s1.addVariable(\"height\",\"480\");";
    t+="s1.write(\"player2\");</";
    t+="script></p></div>'; })();";// 类似于
    //var t2 = '(function(){return "Here is the moive."})()';
    //document.getElementById("div1").innerHTML=eval(t2);document.getElementById("div1").innerHTML=eval(t);}
    </script>
    </head>
    <body>
    <input type="button" id="txt1" value="tt" onClick="show()" />
    <div id="div1" style="width:500px; height:300px; border:solid 1px #000;"></div>
    </body>