Opening a link in the same page_问答_开发者_运维开发者技术经验分享

开发者 https://www.devze.com 2023-02-28 18:16 出处：网络

I have put a link in an HTML document. How can I open the linked document (link1.html) under the link within the same page?

相关专题：

I have put a link in an HTML document. How can I open the linked document (link1.html) under the link within the same page?

links.html:

<body>
   开发者_如何学JAVA <h3>Links</h3>
    <a href="link1.html">link1</a> 
</body>

output like:

Links [link1]

content of link1.html

<a href='link1.html' target='myIframe'>link1</a><br />
<iframe name='myIframe'></iframe>

If you want it to be less crappy, I suggest you use JavaScript.

Try to use the property tag "Target" which is used to specify, where the document to be opened, means new window or same page or new tab.. eg: Click Here

There are six values of the target tag like parent,blank and so on..

^{As has been sayed in the comments:}
Probably what you want is an <iframe>. It can be used to embed a web page into an HTML document. You can see more info here. Below is an example.

In your case:

<body>
    <h1>Links</h1>
    <a href="link1.html">link1</a>

    <h2>Contents of link1</h2>
    <iframe src="link1.html" width="500" height="400"></iframe>
</body>

Update: To show the IFrame when the link's clicked, you can use this code instead:

<body>
    <h1>Links</h1>
    <a href="#" onclick="document.getElementById('contents1').style.cssText = ''">link1</a>

    <div id="contents1" style="display:none;">
        <h2>Contents of link1</h2>
        <iframe src="link1.html" width="500" height="400"></iframe>
    </div>
</body>

I am afraid you'll have to do this using some kind of javascript Ajax call to load the other page under the link. Another technique could be to include in your link1.html the same header as in links.html, but you're going into copy/paste spaghettiness...