如何使用Javascript删除Mobile Safari的JS文件?

时间:2012-09-20 00:39:02

标签: javascript ipad mobile-safari

我网站上的一个Javascript文件搞砸了iPad(Mobile Safari)上的显示屏。我想仅在iPad上删除该文件,并为其他所有浏览器提供该文件。

我有以下javascript:

<script type="text/javascript">
<![CDATA[
function removejscssfile(filename, filetype){
 var targetelement=(filetype=="js")? "script" : (filetype=="css")? "link" : "none" //determine element type to create nodelist from
 var targetattr=(filetype=="js")? "src" : (filetype=="css")? "href" : "none" //determine corresponding attribute to test for
 var allsuspects=document.getElementsByTagName(targetelement)
 for (var i=allsuspects.length; i>=0; i--){ //search backwards within nodelist for matching elements to remove
  if (allsuspects[i] && allsuspects[i].getAttribute(targetattr)!=null && allsuspects[i].getAttribute(targetattr).indexOf(filename)!=-1)
   allsuspects[i].parentNode.removeChild(allsuspects[i]) //remove element by calling parentNode.removeChild()
 }
}

if((navigator.userAgent.match(/iPad/i)) 
{
  removejscssfile("somescript.js", "js") //remove all occurences of "somescript.js" on page for ipad 
}
]]
</script>

首先 - 以上Javascript是否有效? (我的知识有限)

其次 - 这是最好的方法吗?

2 个答案:

答案 0 :(得分:0)

如果你没有使用php或其他更容易的东西,你应该反过来做,如果浏览器不是ipad你有条件地将文件加载到文档的头部

    function loadjscssfile(filename, filetype) {
            if (filetype == "js") { //if filename is a external JavaScript file

                var fileref = document.createElement('script')
                fileref.setAttribute("type", "text/javascript")
                fileref.setAttribute("src", filename)

            }
            else if (filetype == "css") { //if filename is an external CSS file
                var fileref = document.createElement("link")
                fileref.setAttribute("rel", "stylesheet")
                fileref.setAttribute("type", "text/css")
                fileref.setAttribute("href", filename)
            }
            if (typeof fileref != "undefined")
                document.getElementsByTagName("head")[0].appendChild(fileref)
    }

    var isiPad = navigator.userAgent.match(/iPad/i) != null;

    if (!isiPad) {
        //load js OR css files
    }

答案 1 :(得分:0)

我通过找到有问题的JS函数并添加:

来解决这个问题
&& navigator.userAgent.match(/ipad/i) == null

简单就是好