How to open a page in an iframe

Solution:
Just set the link's target attribute value to the same as the target framework name.
Specific steps:
1: For frameset object.
(1) Contains the code of the frame page.

<frameset cols="100,*" name="frame1">
<frame src="1.htm" name="top">
<frame src="2.htm" name="main">
</frameset>

(2) Link code of the frame loading page (1.htm or 2.htm):

<a href="http://www.flash8.net" target="top">Open the link in the upper box</a>
<a href="http://www.flash8.net" target="main">Open the link in the main frame</a>

2. The same usage applies to iframe.

<iframe src="about:blank" name="left"></iframe>
<iframe src="about:blank" name="right"></iframe>
<a href="http://www.flash8.net" target="left">Open the link in the left frame</a>
<a href="http://www.thugx.com" target="right">Open link in right frame</a>

Tip: You can also achieve the same purpose by setting the location property value of the target frame in the script. like:
<a href="http://www.flash8.net"
onClick="document.frames['right'].location=this.href;return false">Open the link in the frame named right</a>

Special note: After running this code, click the link and the link target will be opened in the specified frame or iframe. Figure 1.6.6 shows the effect of the link opening in the specified iframe after clicking the link.

Figure 1.6.6 Open the link target in the specified iframe

Special Notes

This example mainly uses the target attribute of the link and the name attribute of the frame. When the values of the two attributes are the same, the link target is opened in the frame.
target Sets or gets the window or frame in which the target content is to be displayed.
name Sets or gets the name of the frame.

<<: Sharing ideas on processing tens of millions of data in a single MySQL table

>>: How to use nginx to configure access to wgcloud

Vue project @change multiple parameters to pass multiple events

How to open a page in an iframe

Vue project @change multiple parameters to pass multiple events

Docker installs Redis and introduces the visual client for operation

How to understand JavaScript modularity

How to implement paging query in MySQL

Detailed explanation of Socket (TCP) bind from Linux source code

Introduction to MySQL method of deleting table data with foreign key constraints

How to create a view in MySQL

Introduction to version management tool Rational ClearCase

Convert psd cut image to div+css format

Thoughts and experience sharing on interactive design of reading lists for information products

Recommend

Solution to the problem that VMware workstation pro cannot be opened due to win10 update

Example of how to automatically start an application service in a Docker container

Element dynamic routing breadcrumbs implementation example

MySQL data type selection principles

Detailed explanation of the execution process of mysql update statement

How to build a complete samba server in Linux (centos version)

Introduction to Jenkins and how to deploy Jenkins with Docker

Use of Linux bzip2 command

Vue elementUI form nested table and verification of each row detailed explanation

A brief analysis of the examples and differences of using nohup and screen to run background tasks in Linux

Solve the problem that IN subquery in MySQL will cause the index to be unusable

Solution to forgetting mysql password under linux

Using iframe techniques to obtain visitor QQ implementation ideas and sample code

Three networking methods and principles of VMware virtual machines (summary)

HTML basic summary recommendation (title)