日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔！

生活随笔

當前位置： 首頁 > 编程资源 > 综合教程 >内容正文

综合教程

JS Runcode运行网页上的HTML/CSS/Javascrip代码

發布時間：2023/12/19 综合教程 49 生活家
生活随笔 收集整理的這篇文章主要介紹了 JS Runcode运行网页上的HTML/CSS/Javascrip代码 小編覺得挺不錯的,現在分享給大家,幫大家做個參考. 



<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312" />
<title>runcode-運行HTML/CSS/Jvascrip代碼</title>
</head>
<body>
<form>
    <textarea name="codearea">
    
    </textarea>
    
    <br />
    <input name="run" type="button" value="運行代碼">
</form>

<script>
(function(){
		  
	function run(code){
		var newWin = window.open("", "_blank", "");
		newWin.opener = null; // 防止代碼對頁面修改
		newWin.document.open();
		newWin.document.write(code);
		newWin.document.close();
	}
	
	//遍歷頁面中運行代碼按鈕
	var  executes = document.getElementsByName("run");
	for(var i=0; i<executes.length; i++){
		executes[i].onclick = function(){
			var code = this.form.codearea.value;
			run(code);
		};
	}
	
}());
</script>
</body>
</html>

要在博客中插入可運行的代碼：

一 將博客園后臺的文本編輯器切換到的HTML視圖下插入代碼：

<form>
    <textarea name="codearea">
    
    </textarea>
    
    <br />
    <input name="run" type="button" value="運行代碼">
</form>

表單元素的樣式可以根據需要調整。

二 、在textarea中插入需要運行的代碼，代碼需要經過HTML ENCODE 否則提交的時候會被處理。

三、在頁面底部加入代碼：

<script type="text/javascript" src="http://www.buyed.cn/blog/script/runcode.js"></script>

或者拷貝runcode.js中的代碼到頁面上。

演示：

總結

以上是生活随笔為你收集整理的JS Runcode运行网页上的HTML/CSS/Javascrip代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。