MasterDragon - program:javascript http://wiki.lang.idv.tw/ 2026-06-05T19:23:03+00:00 MasterDragon http://wiki.lang.idv.tw/ http://wiki.lang.idv.tw/_media/wiki/dokuwiki.svg text/html 2019-11-16T08:12:44+00:00 Anonymous (anonymous@undisclosed.example.com) 判斷browser http://wiki.lang.idv.tw/program/javascript/%E5%88%A4%E6%96%B7browser?rev=1573891964&do=diff 判斷 Browser 最簡單的語法 var isMSIE = /*@cc_on!@*/false; if(isMSIE) //MSIE; else //Other; text/html 2019-11-16T08:12:44+00:00 Anonymous (anonymous@undisclosed.example.com) 解決ajax叫javascript的問題 http://wiki.lang.idv.tw/program/javascript/%E8%A7%A3%E6%B1%BAajax%E5%8F%ABjavascript%E7%9A%84%E5%95%8F%E9%A1%8C?rev=1573891964&do=diff 解决ajax返回innerHTML中javascript不能运行问题 來源 在实际应用的过程中，我们经常会遇到使用ajax返回某一个网页的内容到模版页面的某一个<div>标签中显示的操作。如果返回的值仅仅是文本类数据不会影响模版页面的功能，但是如果返回的数据包括javascript，那么直接innerHTML到模版页的这段脚本是不会被运行的。原因在于浏览器只在显示模版时才解析javascript，而使用ajax返回的js是被后期倒入的并没有被解析，所以调用的时候找不到对应的function()。… text/html 2019-11-16T08:12:44+00:00 Anonymous (anonymous@undisclosed.example.com) html5_uploadfile_drag_drop http://wiki.lang.idv.tw/program/javascript/html5_uploadfile_drag_drop?rev=1573891964&do=diff 目前測試: Firefox, Chrome, Safari -- OK Android, iOS -- 部分問題 IE -- Fail <!DOCTYPE html> <html> <head> <title>Upload Files using XMLHttpRequest - Minimal</title> <style > .file_items { border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; } .progress_bar { position:relative; height:20px; border-bottom:1px solid #CCC; background-color: #EEE; } .progress_ui { position:relative; height:20px; width:0%; background-color:#DDD; } .progress_label { posi… text/html 2019-11-16T08:12:44+00:00 Anonymous (anonymous@undisclosed.example.com) html5_uploadfile http://wiki.lang.idv.tw/program/javascript/html5_uploadfile?rev=1573891964&do=diff Html5 File Upload with Progress Posted by Shiv Kumar on 25th September, 2010 Categorized Under: Html 5 File Upload Tagged With: File API File Upload XMLHttpRequest <http://www.matlus.com/html5-file-upload-with-progress/> Html5 finally solves an age old problem of being able to upload files while also showing the upload progress. Today most websites use Flash Player to achieve this functionality. Some websites continue to use the Html text/html 2019-11-16T08:12:44+00:00 Anonymous (anonymous@undisclosed.example.com) javascript_urlencode http://wiki.lang.idv.tw/program/javascript/javascript_urlencode?rev=1573891964&do=diff Javascript URLEncode escape , encodeURI , encodeURIComponent 的差異 在使用Javascript的URL encode時，常不清楚該使用哪一種方式， 今將escape、encodeURI、encodeURIComponent三種方法得差異整理如下： 參考幾篇不錯的文章： text/html 2019-11-16T08:12:44+00:00 Anonymous (anonymous@undisclosed.example.com) select擋住div的5種解决方法 http://wiki.lang.idv.tw/program/javascript/select%E6%93%8B%E4%BD%8Fdiv%E7%9A%845%E7%A8%AE%E8%A7%A3%E5%86%B3%E6%96%B9%E6%B3%95?rev=1573891964&do=diff select挡住div的5种解决方法 <http://www.blogjava.net/fine/archive/2007/08/07/134941.html> 在IE中,select属于window类型控件，它会“挡住”所有非window类型控件 可以这么理解，div这样的组件是在浏览器客户区使用代码“渲染”的， 他们被渲染在客户区的绘画表面上， 而select是使用的标准windows控件，只是作为客户区的子控件放置而已， 它会覆盖所有客户区绘画表面上“画”出来的一切，但不一定会覆盖其他类型的window控件， 比如iframe和其他的select，如果你使用过类似Delphi这样的环境就会自然理解。IE7解决了此类BUG。… text/html 2019-11-16T08:12:44+00:00 Anonymous (anonymous@undisclosed.example.com) setattribute的問題 http://wiki.lang.idv.tw/program/javascript/setattribute%E7%9A%84%E5%95%8F%E9%A1%8C?rev=1573891964&do=diff IE瀏覽器存在的setAttribute bug 來源:<http://www.iefans.net/ie-setattribute-bug/> IE的setAttribute中與標準瀏覽器的有許多不同，主要表現在IE對setAttribute的功能上有些限制，就是不能用setAttribute來設定class、style於onclick等事件的值以及設置