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
Nế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
<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-->
<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-->