Why doesn't setting frame src by js show the display source?_问答_开发者

Why doesn't setting frame src by js show the display source?

开发者 https://www.devze.com 2023-03-01 22:37 出处：网络

Based on a JS condition, I want either of the 2 things to happen; Either to show a frame on page OR Show a link \"Show pdf\" on page..

Based on a JS condition, I want either of the 2 things to happen;

Either to show a frame on page OR
Show a link "Show pdf" on page.. Show pdf

Now while I know how to do a Show/Hide based on the JS condition, my question is In case 2nd condition is satisfied, not only do I want to开发者_高级运维 hide the frame thing, BUT ensure that it is not loaded in the background as well... I think using show/hide will not stop it from loading the pdf in the background.. So my question is how can I acheive that using Javascript?

**********Here is what I am trying**********

if(isiPad) 
        {     
        $('#content').attr('src','ipad_frame.html'); 
        } 
        else 
        {     
        $('#content').attr('src','xyz.pdf'); 
        }

And in the html, I have

 <frame src="#" title="Content Frame" name="content" id="content" />

Will this work fine? For some reasons, I just tested it and even though it goes in the if/else part, it does not show the relevant content..

Why not add the elements dynamically in script to a container element? Something like (assuming you're using jQuery):

if(condition)
{
    $('#container').html('<html for frame>');
}
else
{
    $('#container').html('<html for pdf>');
}

This will ensure only the item that you want to load is loaded.

Rather than show/hide, you could use the DOM to modify the contents of the page:

<div id="frameWillBeHere">

</div>

<script language="javascript">

var f = document.getElementById('frameWillBeHere');

if (whatever) {
   f.innerHTML = '<iframe>pdf file</iframe>';
}
else {
   f.innerHTML = 'something else';
}

</script>

You can also make that script respond to an event, so that the frame will appear when needed. There is some work to do so that the frame appearing in your page doesn't completely break your layout.