div加链接 html给div加超链接实现点击div跳转的方法
2016-06-18 00:00
676 查看
点击div时页面进行跳转,通过onclick事件来实现,实现了类似于超链接的效果
在网站设计制作建设中就要实现这样的效果下面创新互联用js来解决这个问题点div链接跳转到其他页面。
1.通过window.open函数
<div onclick="window.open('http://www.cdxwcx.com')">在新窗口跳转至创新互联</div>
<div onclick="window.open('http://www.cdxwcx.com','_self')">在当前窗口跳转至网站制作</div>
2.通过window.location.href函数
<div onclick="window.location.href= 'http://www.cdxwcx.com';return false">在当前窗口跳转至网站建设</div>
本文由创新互联网站建设原创 本文地址:http://www.cdxwcx.com/faq/htmldivLink.html
在网站设计制作建设中就要实现这样的效果下面创新互联用js来解决这个问题点div链接跳转到其他页面。
1.通过window.open函数
<div onclick="window.open('http://www.cdxwcx.com')">在新窗口跳转至创新互联</div>
<div onclick="window.open('http://www.cdxwcx.com','_self')">在当前窗口跳转至网站制作</div>
2.通过window.location.href函数
<div onclick="window.location.href= 'http://www.cdxwcx.com';return false">在当前窗口跳转至网站建设</div>
onclick="window.open('#Login/index');return false"
本文由创新互联网站建设原创 本文地址:http://www.cdxwcx.com/faq/htmldivLink.html
相关文章推荐
- 纯html实现下载图片
- HTML
- html a name属性
- HTML学习笔记之二(回到顶部 与 回到底部)
- 在html页头设置不缓存
- HTML转义字符对照表
- HTML(格式,文本标签)
- html
- html——下拉列表
- html——表单(单选框与复选框)
- html——表单2(多行输入)
- html——表单(1)
- html表单控件的使用
- html中<a href> </a>的用法
- HTML和XML的区别
- 三种简单的html网页自动跳转方法
- DHTML----checkBox的使用(计算金额,模拟邮箱)
- DHTML----菜单项的折叠功能
- html——使用mailto在网页中链接Email地址
- Html设置图标icon