, чтобы связать страницу внутри iframe и перейти на страницу без iframe

Question

Обычно, если мы нажмем на ссылку в окне iframe, направленная новая страница будет просматриваться в окне iframe. Могу ли я иметь способ отображения новой страницы как таковой, не находясь в окне iframe.

Thanks in Advance, Samuel Mathews.

Answer 1

Возможно, вы знаете об атрибуте TARGET для ссылок. С его помощью вы можете загрузить связанную страницу не в текущем, а в другом имени (I) FRAME/window.

Есть также некоторые специальные целевые имена, которые могут помочь вам:

• _parent: Открывает страницу в рамке, содержащей текущую (I) КАДР
• _top: открывает страницу в текущее окно браузера в качестве верхнего кадра

Есть и другие специальные цели, но в этом случае они не важны. См.: http://www.w3schools.com/tags/att_a_target.asp

Answer 2

С помощью jQuery вы можете легко получить любой элемент из iframe, подключить обратный вызов события, например, при щелчке и действовать соответственно, например. просмотрите страницу anywher, которую вы требуете.

пример,

http://jsfiddle.net/Lmx9X/show/

увидеть код здесь,

http://jsfiddle.net/Lmx9X/

JS

$(document).ready(function(){ 
/*define a callback function to all anchors of iframe*/ 
     $('#subpage').contents().find('a').on('click',function(e){ 
/*prevent the default behaviour of navigating to the href of the anchors*/ 
      e.preventDefault(); 
/*do whatever you require, here for example a dialog is presented and navigates the parent page to the href url*/ 
      if (confirm('Prevented iframe from navigating to page. Do you want outer page to navigate instead??')) { 
       var url = $(this).attr("href"); 
       window.location.href = (url.indexOf("#")==0?window.location.href:"")+$(this).attr("href"); 
      }else{ 
       alert("ok, will not navigate!"); 
      } 
     }); 
    }); 

html

<iframe id="subpage" src="http://jsfiddle.net/s22Jm/1/show"></iframe>