Best Interview Question

Programming
PHP
Java
Angular
Python
Mobile App
Testing
Database
Frontend
Blog

Ask Your Question

Loading…

What is <iframe> and why we can use this?

Home ->
Frontend /UI ->
HTML5 Interview Questions ->
What is and why we can use this?</span> </a><meta itemprop="position" content="5" /></li></ul> </p> </div> </div> </div> </section> <section class="post-content-area single-post-area questionDetail"> <div class="container"> <div class="row"> <div class="col-lg-8 posts-list"> <h2> What is <iframe> and why we can use this? </h2> <div class="single-post row"> <div class="col-lg-12"> <div class="questionDetailPage"> <div class="answer"> <p>The <iframe> tag is used to indicate an inline frame, or, a browsing context that is nested. It allows outside documents to be inserted in the main HTML document seamlessly. Inline frames are mostly used in online advertising, where the contents of the iframe can e an ad from a third party.</p> </div> <div class="answer"> </div> <div class="row"> <div class="postedDetail col-lg-12 text-right"> <a><span>BY </span> BIQ <span>ON</span> 03 Feb 2019</a> </div> <div class="clearfix"></div> </div> <div class="ButtonArea quotes mb-50"> <a href="#" id="viewAnswerArea" class="genric-btn primary circle">View Suggestions</a> <span class="gap">OR</span> <a href="#" id="viewSuggestionForm" class="genric-btn primary circle">Post Your Suggestion</a> </div> </div> <section class="contact-page-area section-gap"> <div class="row"> <div class="col-lg-12"> <h3><i class="fa fa-edit"></i> Suggest An Answer</h3> <div style="padding:5px 0px" class="displayMsgArea"></div> <form method="POST" action="https://www.bestinterviewquestion.com/question/what-is-iframe-and-why-we-can-use-this-x8lzm837" accept-charset="UTF-8" id="suggestAnAnswerForm" name="suggestAnAnswerForm" class="form-area contact-form"><input name="_token" type="hidden" value="JJ2rePDhujZYMGGvpABMV9xzAByxpWKtc2gLP9KV"> <input name="qID" type="hidden" value="Y2F3cmcxbU1WYU5NR0lCM1JUWDYwQT09"> <div class="row"> <div class="col-lg-6 col-md-12 col-xs-12 form-group"> <input class="form-control" placeholder="Enter your name (*)" name="name" type="text"> </div> <div class="col-lg-6 col-md-12 col-xs-12 form-group"> <input class="form-control" placeholder="Enter email address (*)" name="email" type="text"> </div> <div class="col-lg-12 col-md-12 col-xs-12 form-group"> <textarea id="answerTextArea" class="form-control" placeholder="Enter Messege" name="answer1" cols="50" rows="10"></textarea> </div> <div class="col-lg-4 col-md-12 col-xs-12"> <button class="genric-btn primary"z>Publish your answer</button> </div> </div> </form> </div> </div> </section> <div class="AdArea"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3573787020334590" data-ad-slot="9278252359" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="answerSection"> <div class="norecordfound text-center">No suggestions Available!</div> </div> <section class="contact-page-area section-gap"> <div class="related-pages"> <table class="table-responsive table mt-10"> <thead> <tr> <th colspan="2">More Interview Questions from Frontend /UI</th> </tr> </thead> <tbody> <tr> <td><i class="fa fa-check"></i> <a href="https://www.bestinterviewquestion.com/react-js-interview-questions">React js interview questions</a></b></td> <td><i class="fa fa-check"></i> <a href="https://www.bestinterviewquestion.com/javascript-interview-questions">JavaScript interview questions</a></b></td> </tr><tr> <td><i class="fa fa-check"></i> <a href="https://www.bestinterviewquestion.com/jquery-interview-questions">JQuery interview questions</a></b></td> <td><i class="fa fa-check"></i> <a href="https://www.bestinterviewquestion.com/html-interview-questions">HTML Interview Questions</a></b></td> </tr><tr> <td><i class="fa fa-check"></i> <a href="https://www.bestinterviewquestion.com/css-interview-questions">CSS interview questions</a></b></td> <td><i class="fa fa-check"></i> <a href="https://www.bestinterviewquestion.com/css3-interview-questions">css3 interview questions</a></b></td> </tr><tr> <td><i class="fa fa-check"></i> <a href="https://www.bestinterviewquestion.com/less-css-interview-questions">Less CSS Interview Questions</a></b></td> <td><i class="fa fa-check"></i> <a href="https://www.bestinterviewquestion.com/sass-interview-questions">Sass Interview Questions</a></b></td> </tr><tr> <td><i class="fa fa-check"></i> <a href="https://www.bestinterviewquestion.com/ajax-interview-questions">ajax interview questions</a></b></td> <td><i class="fa fa-check"></i> <a href="https://www.bestinterviewquestion.com/bootstrap-interview-questions">Bootstrap Interview Questions</a></b></td> </tr><tr> </tr> </tbody> </table> </div> <div class="clearfix"></div> </section> </div> </div> </div> </div> </div> </section>  <footer>  <div class="footer-area section-gap"> <div class="container"> <div class="row"> <div class="col-lg-4 col-md-6 col-sm-6"> <div class="single-footer-widget"> <h4>Recently Added Questions</h4> <ul> <li><a href="https://www.bestinterviewquestion.com/receptionist-interview-questions">Receptionist Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/exit-interview-questions">Exit Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/node-js-online-test">Node.js Online Test</a></li> <li><a href="https://www.bestinterviewquestion.com/problem-solving-interview-questions">Problem Solving Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/school-counselor-interview-questions">School Counselor Interview Questions</a></li> </ul> </div> </div> <div class="col-lg-2 col-md-6 col-sm-6"> <div class="single-footer-widget"> <h4>Quick links</h4> <ul> <li><a href="https://www.bestinterviewquestion.com">Home</a></li> <li><a href="https://www.bestinterviewquestion.com/about-us">About Us</a></li> <li><a href="https://www.bestinterviewquestion.com/sitemap">Sitemap</a></li> <li><a href="https://www.bestinterviewquestion.com/contact-us">Contact</a></li> <li><a href="https://www.bestinterviewquestion.com/privacy-policy">Privacy Policy</a></li> </ul> </div> </div> <div class="col-lg-2 col-md-6 col-sm-6"> <div class="single-footer-widget"> <h4>Social</h4> <ul> <li><a href="https://www.facebook.com/Best-Interview-Questions-1202417033247667/" title="facebook page" target="_blank"><i class="fa fa-facebook"></i> Facebook</a></li> <li><a href="https://twitter.com/bestinterviewq1/" title="twitter page" target="_blank"><i class="fa fa-twitter"></i> Twitter</a></li> <li><a href="https://www.pinterest.com/bestinterviewquestion/" title="pinterest page" target="_blank"><i class="fa fa-pinterest"></i> Pinterest</a></li> <li><a href="https://www.linkedin.com/company/best-interview-question/" title="linkedin page" target="_blank"><i class="fa fa-linkedin"></i> Linkedin</a></li> <li><a href="https://www.youtube.com/channel/UCvkqbhXjD6koAzyhzh20MtA" title="Youtube channel" target="_blank"><i class="fa fa-youtube"></i> Youtube</a></li> </ul> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6"> <div class="single-footer-widget"> <h4>Newsletter</h4> <p>Stay in touch to know the latest interview questions.</p> <div id="mc_embed_signup"> <form method="POST" action="https://www.bestinterviewquestion.com/question/what-is-iframe-and-why-we-can-use-this-x8lzm837" accept-charset="UTF-8" id="newsLetterForm" name="newsLetterForm" class="form-wrap"><input name="_token" type="hidden" value="JJ2rePDhujZYMGGvpABMV9xzAByxpWKtc2gLP9KV"> <div class="input-group"> <input class="form-control" placeholder="Your Email Address" name="email" type="text"> <div class="input-group-btn"> <button class="btn btn-default" type="submit">GO</button> </div> <div class="info"></div> </div> </form> <div class="subscribeDisplayMsgArea"></div> </div> </div> </div> </div> <div class="footer-bottom row align-items-center justify-content-between"> <p class="footer-text m-0 col-lg-12 col-md-12"> Copyright © 2020 All rights reserved </p> </div> </div> </div> </footer>  <div id="exitPopupForm" class="modal exit-modal fade" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h3>Hey, care to share your feedback?</h3> <button type="button" class="close pull-right" data-dismiss="modal">×</button> </div> <div class="modal-body"> <div class="exitFormdisplayMsgArea"></div> <form method="POST" action="https://www.bestinterviewquestion.com/question/what-is-iframe-and-why-we-can-use-this-x8lzm837" accept-charset="UTF-8" id="exitForm" name="exitForm" class="exitForm"><input name="_token" type="hidden" value="JJ2rePDhujZYMGGvpABMV9xzAByxpWKtc2gLP9KV"> <input name="url" type="hidden" value="https://www.bestinterviewquestion.com/question/what-is-iframe-and-why-we-can-use-this-x8lzm837"> <h6 class="mb-10">What can we do better?</h6> <div class="checkbox"> <label><input type="radio" name="feedback" value="Update interview questions frequently">  Update interview questions frequently</label> </div> <div class="checkbox"> <label><input type="radio" name="feedback" value="Answer more practical concepts">  Answer more practical concepts</label> </div> <div class="checkbox"> <label><input type="radio" name="feedback" value="What you were looking for">  What you were looking for</label> </div> <div class="checkbox"> <label><input class="any_other_feedback" type="radio" name="feedback" value="Any other">  Any other</label> </div> <div class="checkbox"> <label><textarea class="form-control feedback_other" placeholder="Enter your feedback" rows="2" name="feedback_other" cols="50"></textarea></label> </div> <button class="primary-btn text-uppercase mb-10" type="submit">Submit</button> <div class="clearfix"></div> </form> <h6 class="mt-20">Visit our <a target="_blank" href="https://www.bestinterviewquestion.com/blog"><b><u>blog</u></b></a></h6> </div> </div> </div> </div> <script src="https://www.bestinterviewquestion.com/public/frontend/js/vendor/jquery-2.2.4.min.js"></script> <script src="https://www.bestinterviewquestion.com/public/frontend/js/vendor/bootstrap.min.js"></script> <script src="https://www.bestinterviewquestion.com/public/frontend/js/jquery.exit-modal.js"></script> <script async rel="preload" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5c3b2921e17ccbde"></script> <script type="text/javascript"> $(document).ready(function () { $("#suggestAnAnswerForm").submit(function () { var answer = $('#answerTextArea').val(); $(".loading").removeClass("displayNone"); $('.displayMsgArea').html(""); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') } }); $.ajax({ type: "POST", url: "https://www.bestinterviewquestion.com/question/suggestanswervalidate", data: $('form#suggestAnAnswerForm').serialize() + '&answer=' + answer, dataType: "json", success: function (response) { $(".loading").addClass("displayNone"); if (response.data == 'success') { jQuery(".displayMsgArea").html("<div class='successMSG'>Thanks for suggest an answer. Your answer is awaiting moderation.</div>"); setTimeout(function () { $('#suggestAnAnswerForm')[0].reset(); //location.reload(); }, 1000); } else if (response.data == 'error') { jQuery(".displayMsgArea").html(response.message); } }, error: function (response) { $(".loading").addClass("displayNone"); $(".displayMsgArea").html(""); var valueInTest = response.responseText; var object = JSON.parse(valueInTest); if (object.success == false) { var errorMsg = '<ul class="errorMSG">'; $.each(object.data, function (index, value) { errorMsg += '<li>' + value + '</li>'; }); errorMsg += '</ul>'; } $('.displayMsgArea').html(errorMsg); } }); return false; }); }); //CKEDITOR.replace('answerTextArea'); $("#viewAnswerArea").click(function() { $('html,body').animate({ scrollTop: $(".answerSection").offset().top}, 'slow'); }); $("#viewSuggestionForm").click(function() { $('html,body').animate({ scrollTop: $(".contact-page-area").offset().top}, 'slow'); }); </script> <script type="text/javascript"> $('.feedback_other').hide(); $('#exitForm input[name="feedback"]').prop('checked', false); $(document).ready(function() { $("#exitForm input[type='radio']").change(function() { var getCheckedValue = $("#exitForm input[name='feedback']:checked").val(); if(getCheckedValue == 'Any other') { $('.feedback_other').show(); $(".feedback_other").prop('required',true); } else { $(".feedback_other").removeAttr('required'); $('.feedback_other').val(''); $('.feedback_other').hide(); } }) $("#exitForm").submit(function () { var getCheckedValue = $("#exitForm input[name='feedback']:checked").val(); if(getCheckedValue == 'Any other') { var getcharLength = $(".feedback_other").val().length; if(getcharLength < 10) { $(".feedback_other").css('border-color', 'red'); return false; } } else { $(".feedback_other").prop('required',false); } $(".loading").removeClass("displayNone"); $('.exitFormdisplayMsgArea').html(""); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') } }); $.ajax({ type: "POST", url: "https://www.bestinterviewquestion.com/feedback/validate", data : $('form#exitForm').serialize(), dataType: "json", success: function (response) { gtag('config', 'UA-130627665-1', { 'page_title' : "Thank You Page exitpopup", 'page_path': "/thankyou-page-exitpopup" }); $(".loading").addClass("displayNone"); if(response.data == 'success') { $( "#exitForm input[type='radio']" ).prop( "checked", false ); $("#exitForm textarea").val(''); $('.exitForm').hide(); $(".exitFormdisplayMsgArea").html("<div class='successMSG'>Thank you for your feedback. Will get back on this issue immediately.</div>"); setTimeout(function () { $('#exitPopupForm').modal('hide'); }, 6000); } else if(response.data == 'error') { jQuery(".exitFormdisplayMsgArea").html(response.message); } }, error: function(response) { $(".loading").addClass("displayNone"); $(".exitFormdisplayMsgArea").html(""); var valueInTest = response.responseText; var object = JSON.parse(valueInTest); if(object.success == false) { var errorMsg = '<ul class="errorMSG">'; $.each(object.data, function( index, value ) { errorMsg += '<li>'+value+'</li>'; }); errorMsg += '</ul>'; } $('.exitFormdisplayMsgArea').html(errorMsg); } }); return false; }); $("#newsLetterForm").submit(function () { $(".loading").removeClass("displayNone"); $('.subscribeDisplayMsgArea').html(""); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') } }); $.ajax({ type: "POST", url: "https://www.bestinterviewquestion.com/email/subscribe", data : $('form#newsLetterForm').serialize(), dataType: "json", success: function (response) { $(".loading").addClass("displayNone"); if(response.data == 'success') { jQuery(".subscribeDisplayMsgArea").html("<div class='successMSG'>Verification link is sent to your email address. Please follow the instructions to verify your email address.</div>"); } else if(response.data == 'error') { jQuery(".subscribeDisplayMsgArea").html("<div class='errorMSG'>There is some technical error, try again later!</div>"); } }, error: function(response) { $(".loading").addClass("displayNone"); $(".subscribeDisplayMsgArea").html(""); var valueInTest = response.responseText; var object = JSON.parse(valueInTest); if(object.success == false) { var errorMsg = '<ul class="errorMSG">'; $.each(object.data, function( index, value ) { errorMsg += '<li>'+value+'</li>'; }); errorMsg += '</ul>'; } $('.subscribeDisplayMsgArea').html(errorMsg); } }); return false; }); }); $(document).ready(function() { /*$('body').bind('cut copy paste', function (e) { e.preventDefault(); }); $("body").on("contextmenu",function(e){ return false; });*/ $("#askQuestionPopup").submit(function () { $(".loading").removeClass("displayNone"); $('.AskQuestiondisplayMsgArea').html(""); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') } }); $.ajax({ type: "POST", url: "https://www.bestinterviewquestion.com/askquestion/validate", data : $('form#askQuestionPopup').serialize(), dataType: "json", success: function (response) { $(".loading").addClass("displayNone"); if(response.data == 'success') { $(".AskQuestiondisplayMsgArea").html("<div class='successMSG'>Thank you for asking question, We will surely come back with an answer.</div>"); $('#askQuestionPopup')[0].reset(); setTimeout(function () { location.reload(); }, 3000); } else if(response.data == 'error') { jQuery(".AskQuestiondisplayMsgArea").html(response.message); } }, error: function(response) { $(".loading").addClass("displayNone"); $(".AskQuestiondisplayMsgArea").html(""); var valueInTest = response.responseText; var object = JSON.parse(valueInTest); if(object.success == false) { var errorMsg = '<ul class="errorMSG">'; $.each(object.data, function( index, value ) { errorMsg += '<li>'+value+'</li>'; }); errorMsg += '</ul>'; } $('.AskQuestiondisplayMsgArea').html(errorMsg); } }); return false; }); }); $(document).ready(function() { $("#searchForm").submit(function () { $(".loading").removeClass("displayNone"); var page_id = $("#page_id").val(); var page_slug = $("#page_slug").val(); var page_name = $("#page_name").val(); if(page_slug != '' || page_slug != null) { var url = 'https://www.bestinterviewquestion.com/:slug'; url = url.replace(':slug', page_slug); $(".loading").addClass("displayNone"); window.location.href= url; } return false; }); $("#searchKeyword").keyup(function () { $(".loading").removeClass("displayNone"); var enteredValue = $("#searchKeyword").val(); if(enteredValue.length > 0) { $("#page_id").val(''); $("#page_slug").val(''); $("#page_name").val(''); } $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') } }); $.ajax({ type: "POST", url: "https://www.bestinterviewquestion.com/suggestionWithKeyword", data : { keyword: enteredValue}, success: function (response) { $(".loading").addClass("displayNone"); if(response.data == 'success') { jQuery(".suggestionDataArea").html(response.datalist); } } }); return false; }); }); function selectPage(page_id, page_slug, page_name) { $("#searchKeyword").val(page_name); $("#page_id").val(page_id); $("#page_slug").val(page_slug); $("#page_name").val(page_name); $(".suggestionDataArea").html(''); } $(document).ready(function() { $("#reviewForm").submit(function () { $(".loading").removeClass("displayNone"); $.ajax({ type: "POST", url: "https://www.bestinterviewquestion.com/review/validate", data : $('form#reviewForm').serialize(), dataType: "json", success: function (response) { $(".loading").addClass("displayNone"); if(response.data == 'success') { $(".reviewFormMsgArea").html("<div class='successMSG'>Thank you for submiting review. Your review is awaiting moderation.</div>"); $('#reviewForm')[0].reset(); } else if(response.data == 'error') { jQuery(".reviewFormMsgArea").html(response.message); } }, error: function(response) { $(".loading").addClass("displayNone"); $(".reviewFormMsgArea").html(""); var valueInTest = response.responseText; var object = JSON.parse(valueInTest); if(object.success == false) { var errorMsg = '<ul class="errorMSG">'; $.each(object.data, function( index, value ) { errorMsg += '<li>'+value+'</li>'; }); errorMsg += '</ul>'; } $('.reviewFormMsgArea').html(errorMsg); } }); return false; }); }); $(document).ready(function(){ var timer; var exitModalParams = { numberToShown: 1, callbackOnModalShow: function() { $('#downLoadPDFForm').modal('hide'); gtag('config', 'UA-130627665-1', { 'page_title' : "What is <iframe> and why we can use this? - Best Interview Question exitpopup", 'page_path': "/question/what-is-iframe-and-why-we-can-use-this-x8lzm837-exitpopup" }); }, callbackOnModalHide: function() { //clearTimeout(timer); } } $('.exit-modal').exitModal(exitModalParams); }); $(document).ready(function() { $(".menu > ul > li:has( > ul)").addClass("menu-dropdown-icon"), $(".menu > ul > li > ul:not(:has(ul))").addClass("normal-sub"), $(".menu > ul").before('<a class="mobileLogo" href="https://www.bestinterviewquestion.com"><span style="border-right: 3px solid #f7631b;"> </span><span style="padding-left:3px;color: #fff;">Best</span> <span style="color: #f7631b;">Interview Question</span></a><a href="#" class="menu-mobile openMenu pull-right"></a><div class="clearfix"></div>'), $(".menu > ul > li").hover(function(e) { $(window).width() > 943 && ($(this).children("ul").fadeIn(10), e.preventDefault()) }, function(e) { $(window).width() > 943 && ($(this).children("ul").fadeOut(10), e.preventDefault()) }), $(document).on("click", function(e) { 0 === $(e.target).parents(".menu").length && $(".menu > ul").removeClass("show-on-mobile") }), $(".menu > ul > li").click(function() { var e = $(this).children("ul"), n = e.css("display"); $(".menu > ul > li > ul").fadeOut(), $(window).width() < 943 && "block" !== n && e.fadeIn(10) }), $(".menu-mobile").click(function(e) { if($( ".menu-mobile" ).hasClass( "openMenu" )) { $(".menu-mobile").removeClass('openMenu'); $(".menu-mobile").addClass('closeMenu'); } else { $(".menu-mobile").removeClass('closeMenu'); $(".menu-mobile").addClass('openMenu'); } $(".menu > ul").toggleClass("show-on-mobile"), e.preventDefault() }) }); </script> </body> <script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'}),_trfd.push({'ap':'cpsh'},{'server':'sg3plcpnl0046'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/tcc/tcc_l.combined.1.0.6.min.js'></script></html>