JavaScript运行代码框代码
JavaScript运行代码框代码
<script language="JavaScript" type="text/JavaScript">
//运行文本域代码
function runEx(cod1) {
cod=document.all(cod1)
var code=cod.value;
if (code!=""){
var newwin=window.open(’’,’’,’’); //打开一个窗口并赋给变量newwin。
newwin.opener = null // 防止代码对论谈页面修改
newwin.document.write(code); //向这个打开的窗口中写入代码code，这样就实现了运行代码功能。
newwin.document.close();
}
}
</script>
<textarea name="textarea" cols="60" rows="10" id="rn01">添加HTML代码</textarea>
<br />
<INPUT onclick="runEx(’rn01’)" type="button" value="运行代码" style="cursor:hand">
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
相关文档：
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetL ......
随着浏览器安全性的提高，要实现图片预览也越来越困难。
不过群众的智慧是无限的，网上也有很多变通或先进的方法来实现。
在研究了各种预览方法后，作为总结，写了这个程序，跟大家一起分享。
上次写的简便无刷新文件上传系统最初的目的就是用来实现这个图片预览效果。
兼容：ie6/7/8, firefox 3.5.5
后台支持下还兼容 ......
1.获得指定id的对象：document.getElementById ("id")，id需唯一，name不必唯一。
2.获得指定name的对象数组：document.getElementsByname("name")，访问具体对象用下标表示：document.getElementsByname("name")[0]
3. 获得触发事件的对象：
function getEventElement(ev){
ev = ev||window.event;//获得对象
......
客户端脚本JavaScript在写法上其实有很多种方法，它们的放置位置也非常之多。。
下面列举在三种不同的地方写JavaScript代码，实现的效果都是点击按钮button弹出alert警告框
第一种是最常见的，代码如下
html代码
<input type="button" value="按钮1" id="btn1" onclick="pop()">
js代码
f ......
