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
How to add fields and comments to a table in sql
1. Add fields: alter table table name ADD field n...
W3C Tutorial (9): W3C XPath Activities
XPath is a language for selecting parts of XML do...
Global call implementation of Vue2.x Picker on mobile terminal
Table of contents What is the Picker component Pr...
Detailed steps for porting busybox to build a minimal root file system
Busybox: A Swiss Army knife filled with small com...
Understand the basics of Navicat for MySQL in one article
Table of contents 1. Database Operation 2. Data T...
Solution to the problem that the mysql8.0.11 client cannot log in
This article shares with you the solution to the ...
A brief analysis of how to change the root password in Linux suse11 if you forget it
How to solve the problem of forgetting the root p...
JS interview question: Can forEach jump out of the loop?
When I was asked this question, I was ignorant an...
Idea configures tomcat to start a web project graphic tutorial
Configure tomcat 1. Click run configuration 2. Se...
Two ways to make IE6 display PNG-24 format images normally
Method 1: Please add the following code after <...
Summary of the three stages of visual designer growth
Many people have read this book: "Grow as a ...
CSS Houdini achieves dynamic wave effect
CSS Houdini is known as the most exciting innovat...
Vue3 + TypeScript Development Summary
Table of contents Vue3 + TypeScript Learning 1. E...
MySQL 8.0.15 winx64 compression package installation and configuration method graphic tutorial
This article shares the installation and configur...
Detailed explanation of HTML basics (Part 2)
1. List The list ul container is loaded with a fo...