Question

当我点击按钮/链接而不是页面时，如何按钮/链接显示其目标iframe中页面的源代码？在一个通常有页面的iframe上...

＆＃xA;＆＃xA;

即使这样做也是可能的。但是如果那样的话会很棒，因为我的页面有一个容器iframe显示一个网页，如果通过点击按钮/链接iframe也可以显示页面的源代码，那将是完美的。

＆＃xA;＆＃xA;

我尝试过：

＆＃xA;＆＃xA;

 ＆lt; a class =“button”href =“ view-source：Func / Math_Calculator_Func.html“target =”IFrWin“＆gt;显示数学函数的源代码＆lt; / a＆gt;＆＃xA;＆＃xA;＆lt; iframe src =”Func / Math_Calculator_Func.html“name =“IFrWin”id =“IFrWin”width =“100％”height =“748px”scrolling =“auto”style =“overflow：auto; overflow-y：hidden; overflow-x：auto;” valign =“middle”align =“center”border =“0”frameborder =“no”noresize＆gt;＆lt; / iframe＆gt;＆＃xA;

＆＃xA;＆＃xA;

我也尝试过：

＆＃xA;＆＃xA;

 ＆lt; script src =“https://ajax.googleapis.com/ajax/libs/jquery /1.8.3/jquery.min.js"></script>
<script type =“text / javascript”＆gt;＆＃xA; function viewsource（）＆＃xA; {＆＃XA; var oldHTML = document.getElementById（'para'）。innerHTML;＆＃xA; var newHTML =“”+ oldHTML +“”;＆＃xA; var newHTML = newHTML.replace（/＆lt; / g，“＆amp; lt;”）;＆＃xA; var newHTML = newHTML.replace（/＆gt; / g，“＆amp; gt;”）;＆＃xA; var newHTML = newHTML.replace（/ \ t / g，“＆amp; nbsp;＆amp; nbsp;＆amp; nbsp;＆amp; nbsp;＆amp; nbsp;”）;＆＃xA; document.getElementById（'IFrWin'）。innerHTML = newHTML;＆＃xA; var myIFrame = document.getElementById（'IFrWin'）;＆＃xA; myIFrame.src = javascript：'“+ newHTML +”'“;＆＃xA;}＆＃xA;＆lt; / script＆gt;＆＃xA;＆lt; input type =”button“onclick =”viewsource（）;“value = “查看源测试”/＆gt;＆＃xA;＆lt; iframe src =“Func / Math_Calculator_Func.html”name =“IFrWin”id =“IFrWin”width =“100％”height =“748px”scrolling =“auto”风格=“溢出：汽车;溢出-γ：隐藏; overflow-x：auto;“valign =”middle“align =”center“border =”0“frameborder =”no“noresize＆gt;＆lt; / iframe＆gt;＆＃xA;

＆＃xA; ＆＃xA;

它们都不起作用。

＆＃xA;

Answer 1

如果您是源文件的所有者，则可以轻松创建文件副本，将其类型更改为*.txt，只需将iframe的来源更改为给定文档。

这可能会解决这个问题，您只需要添加切换机制。

document.getElementById('iframe').src = 'path/to/file.txt';

Answer 2

<html>
                <head>
                <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" /> </script>
                <script type="text/javascript">

                    function viewsource(){
                        $.get('Func/Math_Calculator_Func.html', function(data) { 
                            var oldHTML = data;
                            var newHTML = "" + oldHTML + "";
                            var newHTML = newHTML.replace(/</g,"&lt;");
                            var newHTML = newHTML.replace(/>/g,"&gt;");
                            var newHTML = newHTML.replace(/\t/g,"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
                            document.getElementById('iframe1').innerHTML = newHTML;
                            var myIFrame = document.getElementById('iframe1');
                            myIFrame.src="javascript:'"+newHTML+"'";
                            return1(); //call this function to show alert
                        });
                    }

                </script>
                </head>
                <body>
                    <iframe src="" width="555" height="200" id="iframe1"></iframe>
                    <input type='button' onclick='viewsource()' value='View Source'/>
                </body>
                </html>

工作了我.. !!首先检查自己然后正确整合..set文件路径.. 任何其他疑问PLZ评论我......

如何创建一个按钮/链接以在<iframe>中显示源代码而不是页面？

2 个答案: