How to use a hyperlink in html to open a new window and control the properties of the window-HTML Tutorial-php.cn

Home

Web Front-end

HTML Tutorial

How to use a hyperlink in html to open a new window and control the properties of the window

php中世界最好的语言

Jan 25, 2018 am 11:17 AM

html Open Link

This time I will show you how to use html to open a new window using a hyperlink and control the properties of the window. How to use html to operate a hyperlink to open a new window and control the properties of the window. What are the precautions?, here are Let’s take a look at practical cases.

1. The size of the window opened by the html hyperlink

<a href="#" onclick="javascript:window.open(&#39;http://www.baidu.com&#39;,&#39;&#39;,&#39;height=20,width=20,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no&#39;)">aaaaaaaaaaaaaaa</a>

Copy after login

2. If there are many quotation marks in php, it is difficult to remove them. You can use the following methods:

$openNew="onclick=".&#39;"&#39;."javascript:window.open(&#39;host_graphics.php?host_id=$host_id&host_address=$host_address&#39;,&#39;&#39;,&#39;height=500,width=600,top=300,left=300,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no&#39;)".&#39;"&#39;; echo "<td style=&#39;vertical-align: middle;text-align: center;&#39;><a href=#?host_id=$host_id&host_address=$host_address name=&#39;host_click&#39; style=&#39;text-decoration:underline;&#39; title=&#39;点击查看主机系统监控图&#39; $openNew> $host_name </a></td>"; //主机名 点击可查看选中主机的具体信息

Copy after login

Tips:

onclick="javascript:window.open(&#39;12.php&#39;,&#39;&#39;,&#39;height=500,width=600,top=300,left=300,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no&#39;)"

Copy after login

The file can be followed by the value of the variable, for example

host_graphics.php?host_id=$host_id&host_address=$host_address

Copy after login

, then you can use GET to obtain the value in the new window that pops up.

3. Example:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>ThD</title> 
</head> 
<body> 
</body> 
<a href="#" onclick="javascript:window.open(&#39;http://www.baidu.com&#39;,&#39;&#39;,&#39;height=500,width=600,top=300,left=300,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no&#39;)">aaaaaaaaaaaaaaa</a> 
</html>

Copy after login

I believe you have mastered the methods after reading these cases. For more exciting information, please pay attention to other related articles on the php Chinese website!