Testing of hyperlink opening target
|
The target attribute of a link determines where the link opens. Its values are usually the following five: _blank, _self, _parent, _top, and custom, which are represented by: new window, current window, parent window, top-level window, and frame. When the named frame does not exist, custom has the same effect as _blank. Today we will mainly test which frame the link will be opened in when the frame of the referred name is in a different level of pages or there are frames of the name in different levels of pages? 1. Testing 1. Test 1: The frames with the specified names are in different levels of pages index.htm: <iframe name="frame1" src="" width="400" height="400"></iframe> <iframe src="aaa.htm" width="400" height="400"></iframe> aaa.htm: <iframe name="frame2" src="bbb.htm" width="300" height="300"></iframe> <a href="https://www.jb51.net/" target="frame1">Links</a> bbb.htm: <iframe name="frame3" src="" width="200" height="200"></iframe> Test results: When target="frame1", it is opened in index.frame1; (For the convenience of explanation, the frame position is uniformly in the format of "page name.frame name") When target="frame2", it opens in aaa.frame2; When target="frame3", it opens in bbb.frame3; 2. Test 2: Frames with the same name exist in different levels of pages index.htm: <iframe name="frame1" src="" width="400" height="400"></iframe> <iframe src="aaa.htm" width="400" height="400"></iframe> aaa.htm: <iframe name=" frame2 " src="bbb.htm" width="300" height="300"></iframe> <a href="https://www.jb51.net/" target=" frame2 "> Links</a> bbb.htm: <iframe name=" frame2 " src="" width="200" height="200"></iframe> Test results: When target="frame2", it opens in aaa.frame2; 3. Test 3: Frames with the same name exist in different levels of pages index.htm: <iframe name=" frame2 " src="" width="400" height="400"></iframe> <iframe src="aaa.htm" width="400" height="400"></iframe> aaa.htm: <iframe name=" frame2 " src="bbb.htm" width="300" height="300"></iframe> <a href="https://www.jb51.net/" target=" frame2 "> Links</a> bbb.htm: <iframe name="frame3" src="" width="200" height="200"></iframe> Test results: When target="frame2", it opens in aaa.frame2; 4. Test 4: Frames with the same name exist in different levels of pages index.htm: <iframe name=" frame1 " src="" width="400" height="400"></iframe> <iframe src="aaa.htm" width="400" height="400"></iframe> aaa.htm: <iframe name="frame2" src="bbb.htm" width="300" height="300"></iframe> <a href="https://www.jb51.net/" target=" frame1 "> Links</a> bbb.htm: <iframe name=" frame1 " src="" width="200" height="200"></iframe> Test results: When target="frame1", it opens in bbb.frame1; 2. Conclusion <br />When you want to open a link, first search for the frame with the specified name (target) in this page. If it is not found, search in the lower page. If it is still not found, search in the upper page. If it is not found, open a new window! |
<<: Spring Boot 2.4 new features one-click build Docker image process detailed explanation
>>: Docker installation and deployment of Net Core implementation process analysis
Recommend
Detailed tutorial on installing MySQL offline on CentOS7
1. Delete the original mariadb, otherwise mysql c...
A Brief Analysis of Patroni in Docker Containers
Table of contents Create an image File Structure ...
MySQL common test points for the second-level computer exam 8 MySQL database design optimization methods
8 optimization methods for MySQL database design,...
Linux disk space release problem summary
The /partition utilization of a server in IDC is ...
How to solve the problem of Ubuntu 18.04 looping login/stuck on the boot interface/unable to enter the graphical interface
Cause: NVIDIA graphics card driver is damaged Sol...
Let's take a look at some powerful operators in JavaScript
Table of contents Preface 1. Null coalescing oper...
MYSQL uses Union to merge the data of two tables and display them
Using the UNION Operator union : Used to connect ...
JavaScript implements password box verification information
This article example shares the specific code of ...
Pitfalls and solutions for upgrading MySQL 5.7.23 in CentOS 7
Preface Recently, I found a pitfall in upgrading ...
Six tips to increase web page loading speed
Secondly, the ranking of keywords is also related ...
Steps to install MySQL 5.7 in binary mode and optimize the system under Linux
This article mainly introduces the installation/st...
Detailed usage of js array forEach instance
1. forEach() is similar to map(). It also applies...
Windows keeps remote desktop from being automatically disconnected for a long time
Anyone who has used Windows Remote Desktop to con...
The table table uses: nth-child() to achieve alternate color change and alignment
Core code <!DOCTYPE html> <html lang=&qu...
vue.js Router nested routes
Preface: Sometimes in a route, the main part is t...