色尼玛亚洲综合影院,亚洲3atv精品一区二区三区,麻豆freexxxx性91精品,欧美在线91

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

昨天的《利用th,colgroup,col定義表格樣式》中,細(xì)心點(diǎn)的朋友會發(fā)現(xiàn)加了一個“運(yùn)行代碼”的鏈接:直接點(diǎn)擊可以運(yùn)行Textarea中的內(nèi)容。其實(shí)本身藍(lán)色理想、51JS上也有相關(guān)介紹,Z-Blog官方論壇上也有類似帖子,因?yàn)樽约翰惶矚g改ASP的內(nèi)容(將來升級省得替換),所以偷了個小懶,做了一個純JS版本的。
是否兼容FireFox,還沒來得及測試。自己覺得“另存為”和“復(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下方的,如果想放在上方,改動以下代碼即可。
insertAdjacentElement("afterEnd",o);
this.parentNode.previousSibling.value
其中的replace(//u00a0/gi, " ")主要是為了將被c_function.ASP文件替換的空格( )和Tab(  )還原回來。使用方面當(dāng)然是在所需頁面onload進(jìn)來即可,有多少個className為code的Textarea,就有多少個“運(yùn)行代碼”功能,夠簡單吧?

JavaScript技術(shù)在Z-Blog中運(yùn)行代碼[html][/html](純JS版),轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 叙永县| 昂仁县| 临澧县| 嵊州市| 肃宁县| 晴隆县| 星座| 通河县| 顺平县| 高淳县| 怀远县| 萨迦县| 通许县| 洞头县| 常熟市| 昭觉县| 宁安市| 大渡口区| 靖江市| 孟津县| 兴业县| 茂名市| 新晃| 苏尼特左旗| 额尔古纳市| 恩施市| 枝江市| 呼玛县| 浪卡子县| 惠州市| 房产| 朝阳县| 平凉市| 辰溪县| 商都县| 甘洛县| 曲阜市| 普兰县| 桑日县| 临洮县| 渭源县|