search

Home >Web Front-end >HTML Tutorial >html uses a hyperlink to open a new window, which can control the window properties

html uses a hyperlink to open a new window, which can control the window properties

高洛峰
高洛峰Original
2017-02-27 11:25:001852browse

This article mainly introduces how to use html to open a new window with a hyperlink and its controllable window properties. It mainly uses the window.open method of js. Interested friends can take a look.

1. html The size of the window opened by the 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>


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

$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>"; //主机名 点击可查看选中主机的具体信息


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

The file can be followed by the value of the variable, such as

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

In this case, 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>

For more html, use a hyperlink to open a new window and its controllable window properties. For related articles, please pay attention to the PHP Chinese website!

Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Implementation of html input drop-down menuNext article：Implementation of html input drop-down menu

Related articles

See more