»
Tiếng AnhTiếng PhápTiếng Việt

In - Mở liên kết trong các cửa sổ mới - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Thủ thuật » Mở liên kết trong các cửa sổ mới
URL: https://www.javascriptbank.com/opening-new-windows.html

Mở liên kết trong các cửa sổ mới © JavaScriptBank.comNếu loại tài liệu mà trang web bạn sử dụng là STRICT thì thuộc tính target của thẻ <A> sẽ không có tác dụng. Tuy nhiên, đoạn mã JavaScript này sẽ giúp bạn bổ sung tính năng target trên loại tài liệu này một cách nhanh chóng và tiện lợi.Cách sử dụng rất đơn giản, bạn chỉ cần thêm thuộc tính non-html với liên kết muốn mở trong cửa sổ mới, chẳng hạn như <a href="yourDocument.html" class="non-html">A sample file</a>Đồng thời, hiệu ứng cũng sẽ không mở liên kết trong cửa sổ mới nếu có thêm một phím như Ctrl, Shift,... được nhấn trong lúc bạn nhấp vào liên kết.

Phiên bản đầy đủ: jsB@nk » Thủ thuật » Mở liên kết trong các cửa sổ mới
URL: https://www.javascriptbank.com/opening-new-windows.html



JavaScript
<script language="javascript">/* addEvent function fromhttp://www.quirksmode.org/blog/archives/2005/10/_and_the_winner_1.html */function addEvent( obj, type, fn ) { if (obj.addEventListener)  obj.addEventListener( type, fn, false ); else if (obj.attachEvent) {  obj["e"+type+fn] = fn;  obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }  obj.attachEvent( "on"+type, obj[type+fn] ); }}function removeEvent( obj, type, fn ) { if (obj.removeEventListener)  obj.removeEventListener( type, fn, false ); else if (obj.detachEvent) {  obj.detachEvent( "on"+type, obj[type+fn] );  obj[type+fn] = null;  obj["e"+type+fn] = null; }}/* Create the new window */function openInNewWindow(e) { var event; if (!e) event = window.event; else event = e; // Abort if a modifier key is pressed if (event.shiftKey || event.altKey || event.ctrlKey || event.metaKey) {  return true; } else {  // Change "_blank" to something like "newWindow" to load all links in the same new window      var newWindow = window.open(this.getAttribute('href'), '_blank');  if (newWindow) {   if (newWindow.focus) {    newWindow.focus();  }  return false;  }  return true; }}/* Add the openInNewWindow function to the onclick event   of links with a class name of "new-window" */function getNewWindowLinks() { // Check that the browser is DOM compliant if (document.getElementById && document.createElement && document.appendChild) {  // Change this to the text you want to use to alert the user that a new window will be opened  var strNewWindowAlert = " [ file opens in a new window ]";  // Find all links  var links = document.getElementsByTagName('a');  var objWarningText;  var link;  for (var i = 0; i < links.length; i++) {   link = links[i];   // Find all links with a class name of "non-html"   if (/\bnon\-html\b/.test(link.className)) {    // Create an em element containing the new window warning text and insert it after the link text    objWarningText = document.createElement("em");    objWarningText.appendChild(document.createTextNode(strNewWindowAlert));    link.appendChild(objWarningText);    link.onclick = openInNewWindow;   }  }  objWarningText = null; }}addEvent(window, 'load', getNewWindowLinks);</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<a href="http://javascriptbank.com/" class="non-html">Sampled by JavaScriptBank.com</a><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->