HTML:模擬鏈接被按下,在新標籤頁打開頁面,不使用window.open(可能被攔截)

當按下一個按鈕時,想打開一個新的標籤頁,可以使用window.open去實現
但是因爲使用window.open在新窗口或者新標籤頁中打開頁面,有可能被瀏覽器給攔截。
爲了解決這個問題,可以模擬鏈接被按下,然後打開鏈接。
但是在jQuery中,使用a.click(), a.trigger('click')等都不會引起鏈接默認事件被執行。
下面的代碼模擬生成了鏈接點擊事件,然後執行默認打開鏈接的事件。

  1. <html> 
  2. <head> 
  3.     <meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
  4.     <title>Title</title> 
  5.  
  6.     <script src="jquery.js"></script> 
  7.     <script type="text/javascript"> 
  8.     $(function() { 
  9.         $("#btn").click(function() { 
  10.             //var a = $('a')[0]; 
  11.             var a = $("<a href='http://www.apple.com' target='_blank'>Apple</a>").get(0); 
  12.              
  13.             var e = document.createEvent('MouseEvents'); 
  14.             e.initEvent( 'click', true, true ); 
  15.             a.dispatchEvent(e); 
  16.         }); 
  17.     }); 
  18.      
  19.     </script> 
  20. </head> 
  21.  
  22. <body> 
  23.     <input type="button" value="Go to Apple" id="btn"> 
  24. </body> 
  25. </html> 

轉自:cppblog-http://www.cppblog.com/biao/archive/2010/08/21/124196.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章