1. html文檔中如何實現點擊鏈接彈出新頁面

<a
href="這里寫自你要鏈接的地址"
target="_blank">這里寫你要在頁面上顯示的文字</a>
如<a
href=「www..com"
target="_blank">網路</a>

2. 前端，點擊彈出一個新的html頁面

你想說的應該是模態框吧，引用bootstrap框架，找到模態框的使用方法就好了

類似這種

3. html中,怎麼做一個彈出式的大小固定的小窗口

javaScript彈窗共有三種

1、window.alert("sometext");

2、window.confirm("sometext");

3、window.prompt("sometext","defaultvalue");

但是這3種方法都不能做一個大小固定的小窗口，要做大小固定的彈窗，需要我們自己在HTML文檔中編寫：

HTML：

3、點擊紅色區域右上角X號，彈窗會消失

4. html彈出窗口事件

可以通過判斷按鍵編碼，符合則彈出對話框。
但很不幸F1……F12這些功能鍵沒有對回應的按鍵編碼，所以不答能用F7來判斷。除了F1……F12，print screen,power,sleep,wakeup這些功能鍵外，其他全部按鍵都可以用
a 65
b 66
c 67
……

下面是判斷按下"a"鍵時，彈出警告框:
<title>彈出窗口</title>
<script type="text/JavaScript">
<!--
function MM_popupMsg(msg) { //v1.0
//alert(event.keyCode); //顯示對應的按鍵編碼
if(event.keyCode==65){
//此處添加ASCII碼等於70（a）的事件
alert(msg);
}
}
//-->
</script>
</head>

<body onkeydown="MM_popupMsg('你好！')">
</body>
</html>

5. 求html彈出文本窗口代碼

<head>
<metacharset="utf-8">
<style>
body,div{margin:0;padding:0;border:0}
#div1{width:300px;height:200px;border:1pxsolidred;margin-left:50px}

</style>
</head>
<body>
	<divid="div1">
		div元素
		<ahref=""target="_blank">打開一個新窗口</a>
	</div>

	<scripttype="text/javascript">
	vardiv=document.getElementById("div1");
	div.onclick=function(){
		alert(div1.getElementsByTagName("a")[0].innerHTML);
	}
	

	</script>
</body>

6. html編成,自動彈出一個網頁

<script>window.open("http://.com");</script>

7. html怎麼打開一個網頁後彈出新網頁

使用<input type="button" value="new page" onclick="window.open('webform1.aspx','_blank')"> 調用onclick 事件。

onclick 屬性由元素上的滑鼠點擊觸發。
注釋：onclick 屬性不適用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。

8. html點擊按鈕彈出窗口如何實現

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
* {
padding: 0;
margin: 0;
}

.firstBox h5 {
font-size: 30px;
color: #000;
font-weight: 700;
}

.firstBox table {
border: 1px solid #E6E6E6;
margin: 15px 0px;
}

.firstBox table thead {
background: #E6E6E6;
}

.firstBox table tr td {
width: 150px;
text-align: center;
}

.firstBox button {
width: 100px;
height: 40px;
background: #E6E6E6;
border: 1px solid #C7D3E6;
text-align: center;
line-height: 40px;
font-size: 16px;
color: #000;
cursor: pointer;
}

#twoBox {
margin: 20px 0px 0px;
background: #E6E6E6;
height: 250px;
width: 310px;
position: relative;
display: none;
}

#twoBox .twoBox_lever {
width: 290px;
height: 230px;
background: #fff;
border: 1px solid #ccc;
border-radius: 5px;
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
margin: auto;
}

.twoBox_lever_two {
width: calc(100% - 10px);
height: calc(100% - 10px);
padding: 5px;
}

.twoBox_lever_two .two_title {
width: 100%;
height: 40px;
background: #E6E6E6;
border: 1px solid #ccc;
border-radius: 5px;
}

.twoBox_lever_two .two_title p {
font-size: 16px;
color: #000;
line-height: 40px;
padding-left: 10px;
font-weight: 700;
}

.twoBox_lever_two form {
width: calc(100% - 20px);
margin: 10px;
border-bottom: 1px solid #ccc;
height: calc(100% - 100px);
}

.twoBox_lever_two form input {
height: 20px;
line-height: 20px;
padding: 0px 10px;
margin: 5px;
cursor: pointer;
}

.twoBox_lever_two .two_footer {
height: 40px;
text-align: right;
padding-right: 10px;
}

.twoBox_lever_two .two_footer button {
height: 30px;
background: #E6E6E6;
border: 1px solid #C7D3E6;
text-align: center;
line-height: 30px;
font-size: 16px;
color: #000;
cursor: pointer;
}

.twoBox_lever_two .two_footer button:first-of-type {
width: 120px;
padding: 0px 10px;
}

.twoBox_lever_two .two_footer button:last-of-type {
width: 50px;
}

.show {
display: block !important;
}
</style>
</head>
<body>
<div style="margin:10px;">
<!-- 第一部分 -->
<div class="firstBox">
<h5>已有的用戶 ：</h5>
<table>
<thead>
<tr>
<th>名字</th>
<th>郵箱</th>
<th>密碼</th>
</tr>
</thead>
<tbody>
<tr>
<td>姓名</td>
<td>[email protected]</td>
<td>xingtuan</td>
</tr>
</tbody>
</table>
<button id="button">創建新用戶</button>
</div>
<!-- 第二部分 -->
<div id="twoBox">
<div class="twoBox_lever">
<div class="twoBox_lever_two">
<div class="two_title">
<p>創建新用戶</p>
</div>
<form>
<label style="float:left">名字：
<input type="text" placeholder="請輸入名字">
</label>
<label style="float:left">郵箱：
<input type="text" placeholder="請輸入郵箱">
</label>
<label style="float:left">密碼：
<input type="password" placeholder="請輸入密碼">
</label>
</form>
<div class="two_footer">
<button>創建一個用戶</button>
<button>取消</button>
</div>
</div>
</div>
</div>

</div>
</body>
<script>
window.onload = function () {
document.getElementById("button").onclick = function () {
document.getElementById("twoBox").classList.add("show")
}
}
</script>
</html>

9. 怎麼讓純Html彈出其它頁面

純HTML是沒法實現的，純HTML只能通過A標簽實現彈出新頁。用JS實現很方便的，現在瀏覽器攔截很智能，只要你的彈出頁面不是連接到外站一般不會攔截。如果你想彈外站的頁面最好是用滑鼠點擊或者其他方式去激活。