网页中运行代码的实现方法-PHP开发-php.cn

집

php教程

PHP开发

网页中运行代码的实现方法

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 07, 2016 pm 05:23 PM

documentgtltnbspquot

经常我们为了找一些JS特效，看到代码但却不知道代码运行的结果是怎样的，还好，好多JS内容的网站为我们提供了网页代码运行的功能，只需把要运行的代码放在运行的代码区域点击运行按纽就会看到运行效果，是不是很方便呢？其实这个功能不难，你也可以实现！

下面的网页运行代码功能的代码来自网络，原创网站域名已经注销，经测试代码功能完整且简单易懂，现分享学习。

先上效果图：

网页中运行代码的实现方法

<html>    
<head>    
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">    
<title>启步网网络、IT(挨踢)职业游民学习娱乐之家.</title>    
<script type="text/javascript" language="javascript" >   
//运行文本域代码    
function Preview(obj) {    
var TestWin=window.open(&#39;&#39;,&#39;&#39;,&#39;&#39;); //打开一个窗口并赋给变量TestWin。    
TestWin.opener = null // 防止代码对论谈页面修改    
TestWin.document.write(obj.value); //向这个打开的窗口中写入代码code，这样就实现了运行代码功能。    
TestWin.document.close();    
}    
//复制文本域代码    
function copyCode(obj) {    
var rng = document.body.createTextRange();    
rng.moveToElementText(obj);    
rng.scrollIntoView();    
rng.select();    
rng.execCommand("Copy");    
rng.collapse(false);    
}    
//另存文本域代码    
function saveCode(obj) {    
var winname = window.open(&#39;&#39;, &#39;_blank&#39;, &#39;top=10000&#39;);    
winname.document.open(&#39;text/html&#39;, &#39;replace&#39;);    
winname.document.writeln(obj.value);    
winname.document.execCommand(&#39;saveas&#39;,&#39;&#39;,&#39;启步网,网络、IT(挨踢)职业游民学习娱乐之家.htm&#39;);    
winname.close();    
}    
//收藏本页代码    
function addBookmark(title,url) {    
if (window.sidebar) {    
window.sidebar.addPanel(title, url,"");    
} else if( document.all ) {    
window.external.AddFavorite(url,title);    
} else if( window.opera && window.print ) {    
return true;    
}    
}    
</script>   
</head>    
<BODY leftMargin=0 marginwidth="0" >    
<TEXTAREA id=code1 style="WIDTH: 560px; HEIGHT: 200px">    
这里是你想运行的代码区域    
</TEXTAREA>    
<BR><BUTTON onclick=Preview(code1)>运行代码</BUTTON><BUTTON 
onclick=copyCode(code1)>复制代码</BUTTON><BUTTON 
onclick=saveCode(code1)>另存代码</BUTTON><BUTTON 
onclick=addBookmark(document.title,location.href)>收藏本页</BUTTON>    
</body>    
</html>

성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

뜨거운 도구

안전한 시험 브라우저

안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는