ページ上のリンクをループにJavaScriptを使用して設定された目標属性

Question

私は、SharePoint 2010のドキュメントライブラリを持っていると、ライブラリは、ファイルの種類を保持する：のWordやExcel、PDF、HTML ...

はほとんどアプリケーションで開いているファイルタイプ。 .htmニュースレターのようなものは、同じウィンドウで開きます。 Sharepointドキュメントライブラリはファイルにリンクしますが、ターゲットプロパティの設定はできません。

これをプログラムでオンロードする必要があります。

私はコードを書くで刺しを撮影した：

for(var i = 0, l=document.links.length; i<l; i++) { 
var id = document.links[i].href; 
var idl = id.length; 

if(idl >=7){ 

    var lastfour = id.substr(id.length - 4); 
    var lastfive = id.substr(id.length - 5); 

    if (lastfour == ".pdf"){ 
     //alert(document.links[i].href); 
     document.links[i].setAttribute('target', '_blank'); 
     document.links[i].setAttribute('onfocus', 'return flase;'); 
    } 


    if (lastfour == ".htm"){ 
     //alert(document.links[i].href); 
     document.links[i].setAttribute('target', '_blank'); 
     document.links[i].setAttribute('onfocus', 'return false;'); 
    } 

    if (lastfive == ".html"){ 
     //alert(document.links[i].href); 
     document.links[i].setAttribute('target', '_blank'); 
     document.links[i].setAttribute('onfocus', 'return false;'); 
    } 


} 
} 

それが新しいウィンドウで開くためのリンクを引き起こすだけでなく、メインウィンドウで開きますので、これは動作します。さらなる研究の後、私は、SharePointのリンクをいくつかの奇抜なことを行いますことを発見した：

<a onfocus="OnLink(this)" href="/Diocesan/2017 Diocesan Special Collection Calendar.pdf" onmousedown="return VerifyHref(this,event,'0','PdfFile.OpenDocuments','')" onclick="return DispEx(this,event,'TRUE','FALSE','FALSE','','0','PdfFile.OpenDocuments','','','','1210','0','0','0x400001f07fbf1bff','','')">2017 Diocesan Special Collection Calendar</a> 

私は私の問題は、設定されているONFOCUS属性または多分onclickのが原因だと思います。何が起こっているのか分かりません。私はonmousedownを設定しようとすると、onclick & onfocus = ""？

Answer 1

SharePointが現在のウィンドウで開く理由は、<a>要素にアタッチされたOnClickイベントリスナーと関係があります。それが呼び出すDispEx()関数は、ユーザーがファイルを開くアプリケーションを持っているかどうかを検出し、可能であれば正しいOfficeアプリケーションでOfficeファイルを開くようにします（ファイルをダウンロードし、開いた）。

便利なことに、OnClickイベントはHTMLのonclick属性を使用してインラインでアタッチされるため、その属性の値を壊すことでこの動作を回避できます。

var links = document.querySelectorAll("a"); 
for(var i = 0, len = links.length; i < len; i++){ 
     links[i].target = "_blank"; 
     links[i].onclick = "return false"; 
} 

欠点は、正しいアプリケーションでファイルを開こうとすると、SharePointがそのフットワークを実行しないことです。

新しいウィンドウで開くファイルの種類がわかっている場合は、targetとonclickの属性を使用して、別のチェックを実行することができます。

たとえば、すべての.htm、.pdf、および.txtファイルを新しいウィンドウで開きたいが、他のファイルタイプの動作を変更しない場合は、次のようにします。

次のコードは、クリックの動作を変更する前に、ファイル名に指定されたファイルの種類が含まれているかどうかを確認します。

var links = document.querySelectorAll("a"); 
for(var i = 0, len = links.length; i < len; i++){ 
     var link = links[i].href; 
     if(link.indexOf(".htm") & link.indexOf(".pdf") & link.indexOf(".txt") >= 0){ 
      links[i].target = "_blank"; 
      links[i].onclick = "return false"; 
     } 
} 

コード

は、ファイル名が指定されたファイルの拡張子で終わることを確認する代わりに、そのURL内のどこにでもそれらを含有することにより改善することができます。

var links = document.querySelectorAll("a"); 
for(var i = 0, len = links.length; i < len; i++){ 
     var link = links[i].href; 
     if(endsWith(link,".htm") || endsWith(link,".pdf") || endsWith(link,".txt")){ 
      links[i].target = "_blank"; 
      links[i].onclick = "return false"; 
     } 
} 
function endsWith(text,target){ 
    return text.indexOf(target) == text.length - target.length; 
}