点击加载/运行此代码

onclick load/run this code

本文关键字：代码 运行 加载      更新时间：2023-09-26

我试图创建一个html文件，它将加载/运行以下代码单击按钮。我试过下面的方法。

            <!-- Custom -->
            <div id="custom1">
            </div>
            <script>
                function custom()
                {
                var dummy = '<div id="custom1" style="display: block; position: absolute; top: 0px; left: 0px; z-index: 9999900; width: 100%; opacity: 0.8; height: 768px; visibility: visible;" ></div>
                <div id="custom1" style="display: block; text-align: center; line-height: normal; visibility: visible; position: absolute; top: 0px; left: 0px; z-index: 9999910; width: 100%; height: 667px;" ><div id="close_button_div" align="center" style="position: absolute; width: 100%; z-index: 9999930;"></div><div style="background: transparent; height: 768px; z-index: 9999915;">
                    <iframe id="custom1" width="100%" height="768" id="overlay_iframe" src="" allowtransparency="true" frameborder="0" style="position: relative; height: 768px; overflow: hidden; z-index: 9999920; display: block; background-color: transparent;" scrollbars="NO" ></iframe>
                </div>
                </div>
                <div id="custom1" align="center" style="position: absolute; width: 100%; z-index: 9999930;" ></div>
                <div id="custom1" style="background: transparent; height: 768px; z-index: 9999915;" >
                    <iframe id="custom1" width="100%" height="768" id="overlay_iframe" src="captcha.php" allowtransparency="true" frameborder="0" style="position: relative; height: 768px; overflow: hidden; z-index: 9999920; display: block; background-color: transparent;" scrollbars="NO">
                    </iframe>
                </div>
            </div>';
                document.getElementById('custom1').innerHTML += dummmy;
                }
            </script>
            <!-- END custom-->
下面是我用于button onclick 的代码
<a href="#" onclick="custom();">DOWNLOAD</a>

这对我不起作用。

删除 + innerHTML。

function custom()
{
      var dummy = '<div id="custom1" style="display: block; position: absolute; top: 0px; left: 0px; z-index: 9999900; width: 100%; opacity: 0.8; height: 768px; visibility: visible;" ></div><div id="custom1" style="display: block; text-align: center; line-height: normal; visibility: visible; position: absolute; top: 0px; left: 0px; z-index: 9999910; width: 100%; height: 667px;" ><div id="close_button_div" align="center" style="position: absolute; width: 100%; z-index: 9999930;"></div><div style="background: transparent; height: 768px; z-index: 9999915;"><iframe id="custom1" width="100%" height="768" id="overlay_iframe" src="" allowtransparency="true" frameborder="0" style="position: relative; height: 768px; overflow: hidden; z-index: 9999920; display: block; background-color: transparent;" scrollbars="NO" ></iframe></div>
</div><div id="custom1" align="center" style="position: absolute; width: 100%; z-index: 9999930;" ></div><div id="custom1" style="background: transparent; height: 768px; z-index: 9999915;"><iframe id="custom1" width="100%" height="768" id="overlay_iframe" src="captcha.php" allowtransparency="true" frameborder="0" style="position: relative; height: 768px; overflow: hidden; z-index: 9999920; display: block; background-color: transparent;" scrollbars="NO">                 </iframe></div></div>';                    document.getElementById('custom1').innerHTML = dummmy;
}

演示:

http://jsfiddle.net/n70o70tz/

您必须在dummy之前删除+符号。在你的代码中有 dummy 的变量名拼写错误。下面是工作代码

 function custom()
                {
                var dummy= '<div id="custom1" style="display: block; position: absolute; top: 0px; left: 0px; z-index: 9999900; width: 100%; opacity: 0.8; height: 768px; visibility: visible;" ></div> <div id="custom1" style="display: block; text-align: center; line-height: normal; visibility: visible; position: absolute; top: 0px; left: 0px; z-index: 9999910; width: 100%; height: 667px;" ><div id="close_button_div" align="center" style="position: absolute; width: 100%; z-index: 9999930;"></div><div style="background: transparent; height: 768px; z-index: 9999915;"> <iframe id="custom1" width="100%" height="768" id="overlay_iframe" src="" allowtransparency="true" frameborder="0" style="position: relative; height: 768px; overflow: hidden; z-index: 9999920; display: block; background-color: transparent;" scrollbars="NO" ></iframe>  </div> </div>                <div id="custom1" align="center" style="position: absolute; width: 100%; z-index: 9999930;" ></div>  <div id="custom1" style="background: transparent; height: 768px; z-index: 9999915;" ><iframe id="custom1" width="100%" height="768" id="overlay_iframe" src="captcha.php" allowtransparency="true" frameborder="0" style="position: relative; height: 768px; overflow: hidden; z-index: 9999920; display: block; background-color: transparent;" scrollbars="NO">  </iframe> </div>  </div>';
                document.getElementById('custom1').innerHTML = dummy;
                }
 <div id="custom1">
 </div>
 <a href="#" onclick="custom();">DOWNLOAD</a>

可能是语法错误这样做，尝试使用 + 操作符连接各个行。

<script>
function custom()
 {
  var dummy = '<div id="custom1" style="display: block; position: absolute; top: 0px; left: 0px; z-index: 9999900; width: 100%; opacity: 0.8; height: 768px; visibility: visible;" ></div>'+
                '<div id="custom1" style="display: block; text-align: center; line-height: normal; visibility: visible; position: absolute; top: 0px; left: 0px; z-index: 9999910; width: 100%; height: 667px;" ><div'+ 'id="close_button_div" align="center" style="position: absolute; width: 100%; z-index: 9999930;"></div><div style="background: transparent; height: 768px; z-index: 9999915;">'+
                    '<iframe id="custom1" width="100%" height="768" id="overlay_iframe" src="" allowtransparency="true" frameborder="0" style="position: relative; height: 768px; overflow: hidden; z-index: 9999920; display: block; background-color: transparent;" scrollbars="NO" ></iframe>'+
     '</div></div><div id="custom1" align="center" style="position: absolute; width: 100%; z-index: 9999930;" ></div>'+
                '<div id="custom1" style="background: transparent; height: 768px; z-index: 9999915;" >'+
                    '<iframe id="custom1" width="100%" height="768" id="overlay_iframe" src="captcha.php" allowtransparency="true" frameborder="0" style="position: relative; height: 768px; overflow: hidden; z-index: 9999920; display: block; background-color: transparent;" scrollbars="NO">'+
       '</iframe> </div> </div>';
                document.getElementById('custom1').innerHTML += dummmy;
                }
 </script>
<!-- END custom-->
相关文章：