本文主要介绍了js动态添加的p点击跳转到另一页面实现代码,需要的朋友可以参考下，希望能帮助到大家。
p调用函数跳转：
var obj = document.getElementById('id');obj.onclick=function(){ window.location.href="跳转的地址" rel="external nofollow" ; }
登录后复制
源文件：
nbsp;html>首页推荐页面 p.recommendclass { width: 100%; height: 60px; line-height: 60px; vertical-align: middle; font-size: 18px; text-align: center; /*文字水平居中对齐*/ background-color: #f5f5f5; } .mall_contentChild1Class { display: inline; width: 40%; height: 100px; background-color: #f5f5f5; } .mall_contentChild2Class { display: inline; width: 60%; height: 100px; float: right; position: relative; background-color: #f5f5f5; } .mall_contentChild2BottomClass { display: table-cell; width: 90%; vertical-align: bottom; position: absolute; left: 5px; bottom: 5px; background-color: #f5f5f5; } .mall_Child2TextLeftClass { line-height: 16px; vertical-align: bottom; background-color: #f5f5f5; } .mall_Child2TextRightClass { float: right; color: #f3b041; font-size: 25px; line-height: 26px; vertical-align: bottom; background-color: #f5f5f5; } .news_title { display: block; font-size: 18px; vertical-align: center; background-color: #f5f5f5; } .news_message { display: block; font-size: 14px; vertical-align: center; background-color: #f5f5f5; } .news_time { display: block; font-size: 12px; vertical-align: bottom; position: absolute; bottom: 5px; right: 5px; background-color: #f5f5f5; }新闻咨讯
var Shu = 2; var df = document.createElement("p"); for (var i = 0; i <= Shu; i++) { var op = document.createElement("p"); var pChild1 = document.createElement("p"); pChild1.className = 'mall_contentChild1Class'; var img = document.createElement("img"); img.style.width = "130px"; img.style.height = "100px"; img.src = 'ic_mall_good_stuff.jpg'; pChild1.appendChild(img); op.appendChild(pChild1); var pChild2 = document.createElement("p"); pChild2.className = 'mall_contentChild2Class'; var text1 = document.createElement("span"); text1.className = 'news_title'; text1.innerHTML = "我是标题"; pChild2.appendChild(text1); var bottomp = document.createElement("p"); var textLeft = document.createElement("span"); textLeft.className = 'news_message'; textLeft.innerHTML = "我是内容"; bottomp.appendChild(textLeft); var textRight = document.createElement("span"); textRight.className = 'news_time'; textRight.innerHTML = "2017.09.23"; bottomp.appendChild(textRight); pChild2.appendChild(bottomp); op.appendChild(pChild2); //添加点击事件 op.onclick = function(){ window.location.href="file:///android_asset/news.html" rel="external nofollow" ; } df.appendChild(op); } document.getElementById("news_content").appendChild(df);
登录后复制
相关推荐：
微信小程序函数节流多次点击跳转如何防止
JS怎样可以做到点击跳转到登陆的个人邮箱
Mui使用jquery并且使用点击跳转新窗口示例分享
以上就是JS实现div点击跳转到另一页面实例代码的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2788565.html
