原生 列表页跳转到详情页的渠道

< body >
< a href= 'www.baidu.com' id= 'id1' onclick= 'dian(this)' >请点击我 </ a >
< script src= "https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js" > < / script >
< script >
// 1 事件点击跳转
function dian(obj) {
alert(obj.id);
alert(obj.href);
}

//2 获取链接所点击的id,并得到详情页数据
var currentUrl = window.location.href; //获取当前链接
var arr = currentUrl.split( "?id="); //分割域名和参数界限
var newsId = arr[ 1];
showDetail(newsId);

// 3 拼接 <a href='Detail.html?Id="+val.id+"'>

< / script >
</ body >

猜你喜欢

转载自blog.csdn.net/kyunsoo/article/details/80733907