页面导航：首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容

另类网页中添加运行效果

发布：dxy 发布日期：2006-12-22 字体：[增加减小] 类型：转载

点击运行可以看到效果:

<div id="bxArticle_97" style="padding:9;line-height:18px;height:90"> 
<TABLE style="MARGIN-TOP: 12px; BACKGROUND: white; MARGIN-BOTTOM: 12px; WIDTH: 90%" cellSpacing=0 borderColorDark=white cellPadding=0 align=center borderColorLight=#bababa border=1> 
<TBODY> 
<TR height=22> 
<TD style="PADDING-LEFT: 6px; BACKGROUND: #d4d0c8">◇ 请先修改下面的代码 - >> <U style="CURSOR: pointer">运行下面的js</U></TD></TR> 
<TR vAlign=top height=90> 
<TD style="PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; WORD-BREAK: break-all; PADDING-TOP: 6px" name="#jscode"><div contenteditable=true style=width:100%;height:100%;><script>
alert("修改我~~")
</script></TD></TR></TBODY></TABLE> 
</div> 
<script> 
dxy_init() 
function dxy_init(){ 
window.$=function(obj){return typeof(obj)=="string"?document.getElementById(obj):obj} 
} 
var threadID="97",myName="" 
$("bxArticle_97").onclick=function(e){ 
    var e=event||e,ee=e.srcElement 
    if(ee.tagName=="U"&&ee.innerText=="运行下面的js") 
        jsCode_run(ee) 
} 
function jsCode_run(ee){ 
    var data,w 
    data=ee.parentNode.parentNode.nextSibling.innerText 
    w=window.open("", "_blank","") 
    w.document.write(data) 
    w.document.close() 
    if(/<script(.)+src=/.test(data)) 
        w.location.reload(true) 
} 
</script>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

从script8看到的运行效果,不错,

Tags：另类网页中添加运行效果