国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

在Z-Blog中運(yùn)行代碼[html][/html](純JS版)

2019-11-21 02:11:17
字體:
供稿:網(wǎng)友
昨天的《利用th,colgroup,col定義表格樣式》中,細(xì)心點(diǎn)的朋友會(huì)發(fā)現(xiàn)加了一個(gè)“運(yùn)行代碼”的鏈接:直接點(diǎn)擊可以運(yùn)行Textarea中的內(nèi)容。其實(shí)本身藍(lán)色理想、51JS上也有相關(guān)介紹,Z-Blog官方論壇上也有類似帖子,因?yàn)樽约翰惶矚g改asp的內(nèi)容(將來升級(jí)省得替換),所以偷了個(gè)小懶,做了一個(gè)純JS版本的。
是否兼容FireFox,還沒來得及測(cè)試。自己覺得“另存為”和“復(fù)制”功能也比較多余,這里也省略掉了。如果需要Fix Bug或者技術(shù)支持,歡迎給我留言^_^ 具體代碼如下:
復(fù)制代碼 代碼如下:

function RunCode() { 
  var ele = document.getElementsByTagName("textarea"); 
  for (var i=0; i<ele.length; i++) { 
    with (ele[i]) { 
      if (className != "code") continue; 
      var o = document.createElement("p"); 
      var a = document.createElement("a"); 
      var em = document.createElement("em"); 
      o.className = "runCode"; 
      a.href = "javascript:;"; 
      a.innerHTML = "運(yùn)行代碼"; 
      a.onclick = function() { 
        var win = window.open('', "_blank", ''); 
        win.document.open('text/html', 'replace'); 
        win.document.writeln(this.parentNode.previousSibling.value.replace(//u00a0/gi, " ")); 
        win.document.close(); 
      } 
      em.innerHTML = "(提示:您可以先修改部分代碼再運(yùn)行)"; 
      o.appendChild(a); 
      o.appendChild(em); 
      insertAdjacentElement("afterEnd",o); 
    } 
  } 


目前“運(yùn)行代碼”功能是放在Textarea下方的,如果想放在上方,改動(dòng)以下代碼即可。
insertAdjacentElement("afterEnd",o);
this.parentNode.previousSibling.value
其中的replace(//u00a0/gi, " ")主要是為了將被c_function.asp文件替換的空格( )和Tab(  )還原回來。使用方面當(dāng)然是在所需頁面onload進(jìn)來即可,有多少個(gè)className為code的Textarea,就有多少個(gè)“運(yùn)行代碼”功能,夠簡(jiǎn)單吧?
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 绩溪县| 体育| 嘉义县| 木兰县| 开江县| 兴安县| 黄龙县| 丰城市| 南丹县| 漾濞| 余江县| 宕昌县| 葫芦岛市| 金昌市| 资阳市| 三穗县| 轮台县| 措勤县| 永川市| 桃源县| 仙游县| 河间市| 什邡市| 都匀市| 阜南县| 长春市| 临武县| 皮山县| 聊城市| 吐鲁番市| 鹰潭市| 彭泽县| 武穴市| 安龙县| 会理县| 祁东县| 藁城市| 汨罗市| 澄迈县| 辰溪县| 从化市|