HOME
BBS
深山帮帮欢迎您,您可以注册或者
qq登录只需一步,快速开始
深山旅行社网站管理系统开发完成,欢迎各位网友测试! 点这里测试
565449214 给站长留言
订阅本栏目 RSS您所在的位置: 深山工作室 > HTML学习 > 正文

一个运行HTML文件的代码

网页教学网 2008-3-19 20:40:55 深山行者 字体:  浏览 4928 我要评论

以下是引用片段:

<style type="text/css">
<!--
.sumit1 {width:98%;height:100%;background:#FFFFFF;border:1px solid red;color:red;font-weight:bold;font-size:14px;}
.sumit2 {width:98%;height:100%;background:#FFFFFF;border:1px solid green;color:green;font-weight:bold;font-size:14px;}
.sumit3 {width:98%;height:100%;background:#FFFFFF;border:1px solid blue;color:blue;font-weight:bold;font-size:14px;}
.sumit4 {width:98%;height:100%;background:#FFFFFF;border:1px solid #000;color:#000;font-weight:bold;font-size:14px;}
.sumit5 {width:98%;height:100%;background:#FFFFFF;border:1px solid blue;color:blue;font-weight:bold;font-size:14px;}
.sumit6 {width:98%;height:100%;background:#FFFFFF;border:1px solid #000;color:#000;font-weight:bold;font-size:14px;}
-->
</style>
<script>
//获取一个对象
function getByid(id) {
 if (document.getElementById) {
  return document.getElementById(id);
 } else if (document.all) {
  return document.all[id];
 } else if (document.layers) {
  return document.layers[id];
 } else {
  return null;
 }
}


//运行框操作
function creatID(DivID){
var objs=getByid(DivID).getElementsByTagName('textarea');
var inps=getByid(DivID).getElementsByTagName('input');
var buts=getByid(DivID).getElementsByTagName('button');
var labs=getByid(DivID).getElementsByTagName('label');
 for (i=0; i<objs.length; i++) {
  objs[i].id="runcode"+i;
  inps[i].id=i
  buts[i].id=i
  labs[i].id=i
 }
}
function runCode(obj){  //定义一个运行代码的函数,
   var code=getByid("runcode"+obj).value;//即要运行的代码。
   var newwin=window.open('','','');  //打开一个窗口并赋给变量newwin。
   newwin.opener = null // 防止代码对论谈页面修改
   newwin.document.write(code);  //向这个打开的窗口中写入代码code,这样就实现了运行代码功能。
   newwin.document.close();
}

//复制代码
function doCopy(obj) {
 if (document.all){
   textRange = getByid("runcode"+obj).createTextRange();
   textRange.execCommand("Copy");
   alert("代码已经复制到剪切板");
 }else{
   alert("此功能只能在IE上有效\n\n请在文本域中用Ctrl+A选择再复制")
 }
}
//另存代码
function saveCode(obj) {
        var winname = window.open('','','width=0,height=0,top=200,left=200px');
        winname.document.open('text/html', 'replace');
        winname.document.write(obj.value);
        winname.document.execCommand('saveas','','纯CSS简洁TAB.html');
        winname.close();
}

//剪切代码
function cut(obj) {
 if (document.all){
   textRange = getByid("runcode"+obj).createTextRange();
   textRange.execCommand("cut");
   alert("代码已经剪切到剪切板");
 }else{
   alert("此功能只能在IE上有效\n\n请在文本域中用Ctrl+A选择再剪切")
 }
}

//粘贴代码
function paste(obj) {
 if (document.all){
   textRange = getByid("runcode"+obj).createTextRange();
   textRange.execCommand("paste");
   alert("粘贴代码");
 }else{
   alert("此功能只能在IE上有效\n\n请在文本域中用Ctrl+v选择再粘贴")
 }
}
</script>

 <table width="100%" border="0" cellpadding="0" cellspacing="0">
 <form name=form1>
   <tr>
     <td height="530" colspan="6"><textarea name="text" id="runcode0" cols="72" rows="9" style="width:100%;height:98%;"> </TEXTAREA></td>
    </tr>
   <tr>
     <td height="53"><input type="button" value="运行代码" id="0" onClick="runCode(this.id)" class="sumit1"></td>
     <td><input type="button" value="保存代码" id="0" onClick="saveCode(runcode0)" class="sumit2"></td>
     <td><input type="button" value="复制代码" id="0" onClick="doCopy(this.id)" class="sumit3"></td>
     <td><input type="button" value="剪切代码" id="0" onClick="cut(this.id)" class="sumit4"></td>
     <td><input type="button" value="粘贴代码" id="0" onClick="paste(this.id)" class="sumit5"></td>
     <td><input type="button" value="清空代码" id="0" onClick="document.form1.text.value='';" class="sumit6"></td>
   </tr>
  </form>
 </table>
 

 

 

 


Ads loading...
相关阅读
( 2018-5-14 10:35:46 )ASP版通过身份证信息获取对应的生日性别年龄
( 2018-4-15 16:01:30 )利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器
( 2015-10-16 19:52:57 )httpd.ini中的RewriteRule、RewriteCond规则了解以有二级域名解析实例
( 2015-10-16 19:46:27 )httpd.ini一些参数说明
( 2015-10-16 19:27:41 )httpd.ini伪静态网站分享到微信好友微信朋友圈链接打不开报404错误的解决办法
( 2015-3-11 9:06:06 )asp判断是否是手机访问
( 2015-3-11 9:03:55 )asp利用正则检查手机端的浏览器标识来确定是否是手机访问 如果是手机访问就使用手机模板
( 2014-11-15 15:50:32 )深山留言板 v7.0.1 bulid2014.11.15更新
共有0条关于《一个运行HTML文件的代码》的评论
发表评论
正在加载评论……
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 400 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
深山工作室网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

Ads loading...
更多信息>>栏目类别选择
rss学习
个人空间
网站设计
网站公告
下载
photoshop学习
ASP学习
DIV+CSS学习
SEO搜索引擎忧化
java学习
HTML学习
网站信息
网站类信息
更多>>同类信息
最新县及县以上1980年以来历史行政区划代码大全截止2018年3月31日
页面里面的js和css的放的位置顺序与加载速度分析
Dreamweaver在onLoad运行_onOpen.htm时,发生了以下javascript错误
Dreamweaver错误:以下翻译器没有被装载,由于错误;xsltransform.htm;有不正确的设置信息
Dreamweaver错误:在onload运行_beforeSave.htm时,发生了一个JavaScript错误
在iframe窗口中打开链接
后台编辑源码里有行号
iframe框架自适应高度代码
Ads loading...
更多>>最新添加文章
批量删除access字段里面fld.Properties.Delete
ASP操作access或sqlserver数据库的函数库
asp采用access数据库搜索信息时因为日文片假名问题提示“Microsoft JET Database Engine 错误80040e14”的解决方法
asp中求两个数的百分比(利用百分比函数FormatPercent就可以自带%的符号)
asp利用sql操作数据表、数据库的一些方法
rs操作数据表记录集对象的方法
asp利用dateadd获得上个月、本月、下个月的第一天和最后一天
asp随机显示字符长度与类型(可随机显示数字、小写字母、大写字母,可以做为随机密码使用)
  • 业务 QQ:565449214
  • 手机:139 6134 7334
更多>>随机抽取信息
当鼠标靠在某个字上时,背景也随之改变
javascript自动获取Tags关键字
图片渐显轮流播放
利用DIV+CSS做的柱状图(3)
当鼠标经过表单,表单承现选择状效果
键盘上shift键的奇妙用途
CSS的优化与技巧
asp 当日访问量,全部访问量,当前在线人数统计
Ads loading...