javascriptの中で主流のブラウザーの動態に対応してiframe方法を生成します.

4133 ワード

以下のコードはIE 8で実行され、IE 9でエラーが発生しました.

 
  
document.createElement(''); 
 </code></pre>エラーメッセージ:exception:SCRIPT 5022:DOM Exception:INVAILID_CHARACTRER_ERR(5)<br> え   :   :   のあるIE 9、firefox、Opera、Safariなどのブラウザ;<pre><code>
   var iframe = document.createElement("iframe"); 
  <br/>iframe.setAttribute("id", "yui-history-iframe"); 
  <br/>iframe.setAttribute("src", "../../images/defaults/transparent-pixel.gif"); 
  <br/>iframe.setAttribute("style","position:absolute;top:0;left:0;width:1px;height:1px;visibility:hidden;"); 
 </code></pre>ステップ2:  IE 6-8:ie 6-8はiframeのname  を  できないため<pre><code> 
  <br/>var oFrame = isIE ? document.createElement("<iframe name="/&quot;&quot;" this._framename="">") : document.createElement("iframe"); 
  <br/>oFrame.name = "iframName";

総合解決策:

 
  
var isIE = (document.all) ? true: false; //           IE    ，       ：           
  
var ua = navigator.userAgent.toLowerCase().match(/msie ([/d.] + ) / )[1]; 
  
if (ua == "9.0") { 
  
    isIE = false; 
  
} 
  
var oFrame = isIE ? document.createElement("") : document.createElement("iframe");oFrame.name = "iframName"; 
  <br/>//========================= 
   
  <p>function ajaxpost(formid, showid, waitid, showidclass, submitbtn, recall) {<br/>    var waitid = typeof waitid == 'undefined' || waitid === null ? showid : (waitid !== '' ? waitid : '');<br/>    var showidclass = !showidclass ? '' : showidclass;<br/>    var ajaxframeid = 'ajaxframe';<br/>    var ajaxframe = $(ajaxframeid);<br/>    var formtarget = $(formid).target;<br/><br/>    var handleResult = function() {<br/>        var s = '';<br/>        var evaled = false;<br/><br/>        showloading('none');<br/>        try {<br/>            s = $(ajaxframeid).contentWindow.document.XMLDocument.text;<br/>        } catch (e) {<br/>            try {<br/>                s = $(ajaxframeid).contentWindow.document.documentElement.firstChild.wholeText;<br/>            } catch (e) {<br/>                try {<br/>                    s = $(ajaxframeid).contentWindow.document.documentElement.firstChild.nodeValue;<br/>                } catch (e) {<br/>                    s = '    ，       ';<br/>                }<br/>            }<br/>        }<br/><br/>        if (s != '' &amp;&amp; s.indexOf('ajaxerror') != -1) {<br/>            evalscript(s);<br/>            evaled = true;<br/>        }<br/>        if (showidclass) {<br/>            $(showid).className = showidclass;<br/>            if (submitbtn) {<br/>                submitbtn.disabled = false;<br/>            }<br/>        }<br/>        if (!evaled &amp;&amp; (typeof ajaxerror == 'undefined' || !ajaxerror)) {<br/>            ajaxinnerhtml($(showid), s);<br/>        }<br/>        ajaxerror = null;<br/>        if ($(formid)) $(formid).target = formtarget;<br/>        if (typeof recall == 'function') {<br/>            recall();<br/>        } else {<br/>            eval(recall);<br/>        }<br/>        if (!evaled) evalscript(s);<br/>        ajaxframe.loading = 0;<br/>        $('append_parent').removeChild(ajaxframe);<br/>    };<br/>    if (!ajaxframe) {<br/>        try {<br/>            ajaxframe = document.createElement('<iframe name="' + ajaxframeid + '" id="' + ajaxframeid + '"/>');<br/>        } catch (e) {<br/>            ajaxframe = document.createElement('iframe');<br/>            ajaxframe.name = ajaxframeid;<br/>            ajaxframe.id = ajaxframeid;<br/>        }<br/>        ajaxframe.style.display = 'none';<br/>        ajaxframe.loading = 1;<br/>        $('append_parent').appendChild(ajaxframe);<br/>    } else if (ajaxframe.loading) {<br/>        return false;<br/>    }<br/><br/>    _attachEvent(ajaxframe, 'load', handleResult);<br/><br/>    showloading();<br/>    $(formid).target = ajaxframeid;<br/>    $(formid).action += '&amp;inajax=1';<br/>    $(formid).submit();<br/>    return false;<br/>}<br/></p>

element-uiで設定した日付の制限時間