打开新连接的方式有四种:
1.在当前页打开,可前进后退:
HTML:<a href="http://www.baidu.com">在当前窗口打开,可后退</a>
js: window.open("href","target");
一:Javascript中创建一个函数
function openUrl(){
//在当前浏览器中打开target=_self
window.open("www.baidu.com","_self");
}
二:在body中写一个标签a
<a href="javascript:openUrl()">在当前窗口打开,可后退</a>
2.在当前页打开,不可后退:
history:记录当前窗口本次打开后成功访问过的URL的历史纪录栈
history.go(-1):相当于点击一次后退按钮
history.go(0):相当于点击一次刷新按钮
history.go(1):相当于点击一次前进按钮
location:当前窗口正在打开的url对象(地址栏)
Location.replace("www.baidu.com");
js:
一:Javascript中创建一个函数
function openUrl(){
//在当前浏览器中打开target=_self
window.replace("www.baidu.com");
}
二:在body中写一个标签a
<a href="javascript:openUrl()">在当前页打开,不可后退</a>
3.在新窗口打开,可重复打开
HTML:<a href="http://www.baidu.com" target="_blank">在当前窗口打开,可重复打开</a>
js:
一:Javascript中创建一个函数
function openUrl(){
//在当前浏览器中打开target=_self
window.open("www.baidu.com","_blank");
}
二:在body中写一个标签a
<a href="javascript:openUrl()">在当前窗口打开,可后退</a>
4在新窗口打开,不可重复打开
在内存中,窗口有一个唯一的Name
浏览器规定:同名窗口,只能打开一个,后开的会覆盖新窗口
其实target后面的属性值就是窗口名,可自定义窗口名,显示在内存中
HTML:<a href="http://www.baidu.com" target="baidu">在新窗口打开,不可重复打开</a>
js:
一:Javascript中创建一个函数
function openUrl(){
//在当前浏览器中打开target=_self
window.open("www.baidu.com","baidu");
}
二:在body中写一个标签a
<a href="javascript:openUrl()">在当前窗口打开,可后退</a>