一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

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

昨天的《利用th,colgroup,col定義表格樣式》中,細心點的朋友會發現加了一個“運行代碼”的鏈接:直接點擊可以運行Textarea中的內容。其實本身藍色理想、51JS上也有相關介紹,Z-Blog官方論壇上也有類似帖子,因為自己不太喜歡改ASP的內容(將來升級省得替換),所以偷了個小懶,做了一個純JS版本的。
是否兼容FireFox,還沒來得及測試。自己覺得“另存為”和“復制”功能也比較多余,這里也省略掉了。如果需要Fix Bug或者技術支持,歡迎給我留言^_^ 具體代碼如下:
復制代碼 代碼如下:
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 = "運行代碼"; 
      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 = "(提示:您可以先修改部分代碼再運行)"; 
      o.appendChild(a); 
      o.appendChild(em); 
      insertAdjacentElement("afterEnd",o); 
    } 
  } 


目前“運行代碼”功能是放在Textarea下方的,如果想放在上方,改動以下代碼即可。
insertAdjacentElement("afterEnd",o);
this.parentNode.previousSibling.value
其中的replace(//u00a0/gi, " ")主要是為了將被c_function.ASP文件替換的空格( )和Tab(  )還原回來。使用方面當然是在所需頁面onload進來即可,有多少個className為code的Textarea,就有多少個“運行代碼”功能,夠簡單吧?

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

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

主站蜘蛛池模板: 亚洲综合在线最大成人 | 久久er99热精品一区二区 | 好吊操这里只有精品 | 免费精品一区二区三区在线观看 | 亚洲精品人成无码中文毛片 | 四色网址| 激情乱人伦| 91激情视频| 日韩狠狠操 | 免费在线观看黄色小视频 | 欧美另类人交videos新 | 欧美xxxwww| 国产成人精选免费视频 | 国产高跟黑色丝袜老师 | 日本精品久久久中文字幕 | 国内在线精品 | 美女黄色免费 | 色网站免费视频 | 国产成人精品微拍视频 | 久久久久久久久影院 | 毛片一级做a爰片性色 | 久久久久综合网久久 | 91小视频在线 | 视色4se网站在线 | 久久久五月天 | 国产精品第六页 | 免费a资源 | 亚洲看片网站 | xxxx网 | 精品91麻豆免费免费国产在线 | 欧美成人综合视频 | 国产麻豆自拍 | 91青青在线视频 | 成人小视频在线播放 | 免费污视频在线观看 | 日韩中文字幕一在线 | 婷婷丁香六月 | 丁香综合缴情六月婷婷 | 色综合天天综合高清网国产 | 日本巨黄视频 | 中文字幕日本精品一区二区三区 |