整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
午接到博客访客的反馈，表示博客中的链接在原窗口打开的话，网站的体验非常的不好，而自己又懒的一个个去修改博客网页中的链接打开方式，就加了一个强制页面所有链接新窗口打开的代码，一招解决问题。
<base target="_blank">
将此代码放到，网页中的 <head>标签之内即可实现，当前页面所有A链接新窗口打开
<base>：标签当前页面上的所有的相对链接规定默认 URL 或 默认目标。
语法：
<base href="网址" target="打开的方式">
属性;
herf：规定的默认链接
target：链接打开的方式，参数有 _blank，_self 等，与A标签的 target 属性相同
<base target="_blank">
<base target="_self">
<!DOCTYPE html> <html lang="en"> <head> <base href="https://www.feiniaomy.com" target="_blank"> <title>Document</title> </head> <body> <a href="/post/1.html">我是相对链接，我可以打开 https://www.feiniaomy.com/post/1.html</a> <a href="http://www.baidu.com">我是绝对链接,我可以打开 http://www.baidu.com</a> </body> </html>
1、一个页面中，<base> 标签只能出现一次
2、<base> 标签只能在 <head></head>标签中出现
3、<base> 属于单标签，没有结束标签，类似 <img> 标签
TML+CSS+JS自主设计弹出窗口的方法，在线编辑器
html弹出一个小窗口的方法可能有很多，就比如本站（笨鸟工具-璞玉天成，大器晚成）的导航栏点击之后会有一个小窗口（小页面）弹出，然后文章页面的底部有两个小图标，当鼠标悬放在上面的时候，也可以弹出一个小窗口，然后点击下方实例代码的试一试按钮，也可以弹出一个小窗口，是本站提供的HTML+css+javascript的在线编辑器。这里介绍的一简单的方法和一种自主设计的方法，不需要很复杂的程序设计，也不需要框架，用javascript和css就可以：
HTML+CSS+JS自主设计弹出窗口的方法，在线编辑器
这个方法需要结合html、css和javascript三种语言，即web三件套全得用上。该方法的原理就是将本来的窗口的style中display设置为none，当点击按钮之后，设置为block，并为该窗口绑定位置，实例代码如下：
<div id="ck1"><p style='text-align:center;line-height:80px;'>这个窗口，可以说是自己设计的了，可以在这里添加其它的标签和功能</p></div>
<button class='btn btn-default' onclick='show2()'>点击弹出自己设计的小窗口</button>
<style>
#ck1{display:none;position:fixed;top:20%;left:20%;width:50%;height:80px;z-index:9999;background-color:skyblue;border-radius:5px;}
</style>
<script>
function show2(){
document.getElementById("ck1").style.display = "block";
}
</script>HTML+CSS+JS自主设计弹出窗口的方法，在线编辑器
这个自主设计的方法中，除了display属性的设置之外，另一个关键点在于z-index值的设置，html元素的排列堆叠，不仅有水平方向、竖直方向，还有深度方向，就像立体的直角坐标系当中，不仅有x轴、y轴，还有z轴，即z-index的设置可以修改div或html元素的z轴位置。
原文地址：html怎么弹出一个小窗口，自主设计方法，在线编辑器 - HTML教程
1），弹窗及参数说明
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css"></style>
<link rel="stylesheet" type="text/css" href="#">
</head>
<body>
<input type="button" value="打开新窗口" onclick="openNewWin()" />
</body>
<script type="text/javascript">
function openNewWin() {
var openWindow = window.open("newTest.html",
"弹到新窗口",
"height=500, width=800, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no");
}
/***
(00) window.open 弹出新窗口的命令
(01) newTest.html 弹出窗口的文件名，或请求地址
(02) 弹出窗口的名字（不是文件名），非必须，可用空''代替
(03) height=100 窗口高度
(04) width=400 窗口宽度
(05) top=0 窗口距离屏幕上方的像素值
(06) left=0 窗口距离屏幕左侧的像素值
(07) toolbar=no 是否显示工具栏，yes为显示
(08) menubar 表示菜单栏
(09) scrollbars 表示滚动栏
(10) resizable=no 是否允许改变窗口大小，yes为允许
(11) location=no 是否显示地址栏，yes为允许
(12) status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许
***/
</script>
</html>
（2），弹窗并居中
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css"></style>
<link rel="stylesheet" type="text/css" href="#">
</head>
<body>
<input type="button" value="弹出的窗口居中" onclick="testOpenCenterWindow()" />
</body>
<script type="text/javascript">
function testOpenCenterWindow() {
// 窗口垂直位置水平位置
var iTop = (window.screen.availHeight - 30 - 500) / 2;
var iLeft = (window.screen.availWidth - 10 - 800) / 2; //减width
var openWindow = window.open("newTest.html"
,"测试弹窗口并居中"
,"height=500, width=800, top="+ iTop
+", left="+ iLeft
+", toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no"
);
}
</script>
</html>
（3），窗口 location属性
window对象location属性是引用Location对象，它表示该窗口显示文档的URL
window.location.href="page1.jsp"; //当前窗口显示指定页面
window.close(); //关闭本页面（4），窗口与父窗口通信
*请认真填写需求信息，我们会在24小时内与您取得联系。
