本文摘自PHP中文网,作者不言,侵删。
这篇文章主要介绍了JS实现直接运行html代码的方法,涉及javascript窗口操作相关实现技巧,需要的朋友可以参考下本文实例讲述了JS实现直接运行html代码的方法。分享给大家供大家参考,具体如下:
1、实例代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <!DOCTYPE html>
<html>
<head>
<meta charset= 'utf-8' />
<title>直接运行 html 代码</title>
</head>
<body>
<textarea style= 'width:300px;height:200px;' id= 'txtCode' ></textarea><br/>
<input type= 'button' value= '直接运行' id= 'btnRun' />
<script>
document.getElementById( 'btnRun' ).onclick = function (){
var runHtml = document.getElementById( 'txtCode' ).value;
if (runHtml){
var win = window.open( '' , '运行窗口' );
win.document.open();
win.document.write(runHtml);
win.document.close();
}
else {
alert( '请输入!' );
}
}
</script>
</body>
</html>
|
阅读剩余部分
相关阅读 >>
js计算两个日期之差天数总是不正确
js框架与css框架的区别是什么
js 闭包的作用是什么?
js中如何判断数据类型
js中行内style怎么写?
javascript如何解除事件绑定
js如何修改注册表
如何在html中使用javascript
js屏蔽pc端访问
javascript和js之间有区别吗
更多相关阅读请进入《js》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 如何用JS实现直接运行html的代码