1. 首頁
  2. 問答
  3. 顯示JavaScript代碼

顯示JavaScript代碼

2010-12-02 124 views
1

來源我想完成這樣的：顯示JavaScript代碼

<html> 
    <head> 
    <script id="ViewSource" src="someJSfile.js"/> 
    <script language="javascript"> 
     function View() { 
     var el=document.getElementById("ViewSource"); //works 
     var ta=document.getElementById("ta");   //works 
     ta.value=el.innerHTML;      //doesn't work 
     } 
    </script> 
    </head> 
    <body> 
    <textarea id="ta"/> 
    <a href="javascript:View();">View Javascript Source Code</a> 
    </body> 
</html> 
// (please pardon any typos/errors, the above is just to illustrate what I mean)

當然「的innerHTML」上script標籤不起作用。我可以訪問哪些屬性/屬性來查看源代碼？

我意識到，只需在瀏覽器中單擊查看源，就可以輕鬆完成此操作。我瘋了，希望它可以用JavaScript來完成？

在此先感謝。

來源

2010-12-02 Joshua

回答

0

如果設置ta.innerHTML = el.innerHTML，它至少有工作的機會。


<a href="http://www.google.com">bleah 
<script id="thescript" type="text/javascript"> 
var links = document.getElementsByTagName('a'); 
for (var i = 0; i < links.length; i++) { 
if (links[i].href == "http://www.google.com/") links[i].href = "http://www.blather.blorg/" 
} 
</script> 
<br clear="all" /> 
<textarea id="view"> 
</textarea> 
<script type="text/javascript"> 
document.getElementById("view").innerHTML = 
document.getElementById("thescript").innerHTML; 
</script>

上述似乎工作，除了我需要擴大textarea的大小來查看所有它。

來源

2010-12-02 02:21:19

+1

不，不會。這是'