HTML编程中有的时候点击链接是在本网页上打开页面,有时候又是新窗口里打开了是设置错误造成的,解决方法为:
1、打开编辑器,这里以sublime text3作为示范。
2、创建一个index.html文档。
3、首先要创建HTML的框架。
4、然后再创建一个HTML,这是我们要跳转的地方。
5、在主页上写:<a href="abc.html">点击这里</a>这个时候点击就能够跳转了。
6、<a href="abc.html" target="_blank">点击这里</a>添加target="_blank"就能够在点击的时候在新的窗口打开。
可以使用input的click事件进行处理,这里假设点击转向的链接是百度,方法如下:
1、DOM0级事件处理:
1)html代码:<input name="注册" type="button" id="btn1" title="登注册" value="注册" o nclick="goToBaiDu()"/>
2)js代码:
function goToBaiDu(){
console.log('现在去百度啦!')
window.open('http://www.baidu.com')
}
效果如下:
2、DOM2级事件,绑定click事件,如下:
1)html代码:<input name="注册" type="button" id="btn1" title="登注册" value="注册"/>
2)js代码:
window.onload = function(){
document.getElementById('btn1').addEventListener('click',goToBaiDu)
}
function goToBaiDu(){
console.log('现在去百度啦!')
window.open('http://www.baidu.com')
}
效果如下:
3、上面的方式的打开一个新窗口,还有一个打开链接的方式,是在当前标签页下直接跳转到另一个页面,代码如下:
window.location.href="http://www.baidu.com"
HTML超链接可以用a标签来设置。
1、新建html文档,在body标签中添加a标签,为a标签添加“href”属性:
2、设置“href”属性的属性值为“page.html”,这时点击a标签会跳转到“page.html”页面:
3、为a标签设置“target”属性,属性值为“_blank”,这样“page.html”会在新标签打开,设置为“_self”则会在自身页面打开: