如何在锚标记中使用onclcik和href，并仅使用onclick work.href仅适用于Google抓取 [英] How to use onclcik and href in anchor tag and make only onclick work.href is only for google crawling
本文介绍了如何在锚标记中使用onclcik和href，并仅使用onclick work.href仅适用于Google抓取的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
在我的网站上，当我点击图像时，它使用onclcik openpopup（用户定义的函数）打开新页面。我的问题是谷歌将不索引onclcik url，它只是所以我想在锚标记中使用onclcik和href，并且只做onclick work.href仅用于Google抓取目的，只有我的代码如下所示：
var imgurl =http：+ lcurl + touch_id +。jpg;
var data =< div id = charm _+ touch_id +data-charmid =+ touch_id +data-vis =+ bgid +data-vid =+ seid +data-vtitle =+ vtitle_url + data-title =+ title_url +style ='float：left;'class ='mdl-cell mdl-cell-4-col charm-wrapper'> \\\
\
< div class = 'mdl-card-wrapper charm-inner'> \\\
\
< div class ='demo-card-wide mdl-card mdl-shadow - 8dp'> \\\
\
< div class ='mdl-card__media'> \\\
\
+ locicon +\\\
\
\
< div style ='position：relative;'> \\\
\
< div style ='position：absolute; z-index：9; right ：0px; bottom：0px;'>< img width = 32px src =+ cf_assets +img / hanger.png>< / div> \ n\
< div id = imagearea _+触摸_ id +title ='+ title +'class ='imagearea loading'> \\\
\
< / div>< / div>< / a> \ n\
< / div> \ n\
< div class ='mdl-card__title'> \\\
\
< div class ='right-charm'> \ n \
< div class ='social-share'> \\\
\
+ copycontent +\\\
\
+ watsapp +\\\
\
\
class ='fb_share'>< / a> \ n\
< / div> \\\
\
< / div> \ n\
< div class ='icharm' > \\\
\
< h2 class ='mdl-card__title-text'>+ subtitle +< / h2> \ n\
< div class ='mdl -card__subtitle-text'>+ title +< / div> \\\
\
< div id = vid _+ touch_id +class ='mdl-card__subtitle-videoname'>+ videoname + < / div> \ n\
< / div> \\
< / div> \ n\
< / div> \\\
\
< / div> \ n\
< / div>;
$（'＃main-home-page-inner'）.add（HTML ））;
callcloudinary（imgurl，title，touch_id）;
callmasonry（）;
if（i == setarr .length-1）{
localStorage.touchids = touchid_arr.join（，）;
localStorage.searchresults = gcharmarr.join（，）;
}
// document.getElementById（main-home-page-inner）。innerHTML + = html;
$ b / * document.getElementById（fb+ touch_id）.setAttribute（onclick，sharetofb（'+ title +'，'+ text + '，'+ ct_domain + socialshare_url +'，'+ social_domain + lcurl + touch_id +。jpg'））; * /
}
// addEventListener（'click'，function ）{
//ev.preventDefault（）;
// alert（ev.target.getAttribute（data-charmid））;
// openpopup（ev.target.getAttribute（ data-url））;
// sendpym（ev.target.getAttribute（data-title））;
//}）; （'click'，function（ev）{
ev.preventDefault（）;
openpopup（ev.target.getAttribute（popupurl））;
$（'myAnchor'）。
sendpym（ev.target.getAttribute（data-charmid））;
} ）;
}）
.error（function（status，statusText，responseText）{
// console.log（statusText）;
//console.log（responseText）;
}）;
解决方案
修复您的代码。将元素放在引号中。
var imgurl =http：+ lcurl + touch_id +。jpg;
var data =< div id ='charm _+ touch_id +'data-charmid ='+ touch_id +'data-vis ='+ bgid +'data-vid ='+ seid +'' data-vtitle =''+ vtitle_url +''data-title ='+ title_url +''style ='float：left;'class ='mdl-cell mdl-cell - 4-col charm-wrapper'>< div class ='mdl-card-wrapper charm-inner'>< div class ='demo-card-wide mdl-card mdl-shadow - 8dp'>< div class ='mdl-card__media'> + locicon +< a href ='+ popupurl +'id ='myAnchor'>< div style ='position：relative;'>< div style ='position：absolute; z-index：9 ; right：0px; bottom：0px;'>< img width ='32px'src ='+ cf_assets +img / hanger.png'>< / div>< div id ='imagearea _+ touch_id + 'title ='+ title +'class ='imagearea loading'>< / div>< / div>< / a>< / div>< div class ='mdl-card__title'> < div class ='right-charm'>< div class ='social-share'>+ copycontent ++ watsapp +< a onclick ='sharetofb（\ + ct_domain + socialshare_url +\'）;'title ='Facebook'id ='fb+ touch_id +''class ='fb_share'>< / a>< a onclick ='sharetotwitter（\' + ct_domain + socialshare_url +\'）;'title ='Twitter'id ='tw+ touch_id +'class ='tw_share'>< / a>< / div>< / div>< div class ='icharm'>< h2 class ='mdl-card__title-text'>+ subtitle +< / h2>< div class ='mdl-card__subtitle-text'>+ title +< / div>< div id ='vid _+ touch_id +'class ='mdl-card__subtitle-videoname'>+ videoname +< / div>< / div>< / div>< / div> < / DIV>< / DIV>中;
$（'＃main-home-page-inner'）。add（HTML（data））;
callcloudinary（imgurl，title，touch_id）;
callmasonry（）;
if（i == setarr.length-1）
{
localStorage.touchids = touchid_arr.join（，）;
localStorage.searchresults = gcharmarr.join（，）;
}
}
} //为什么？ $（'myAnchor'）。on（'click'，function（ev）{
ev.preventDefault（）;
openpopup（ev.target.getAttribute（popupurl ））;
sendpym（ev.target.getAttribute（data-charmid））;
查看如何在变量中正确使用引号
'和
w3schools.com - JavaScript
字符串
In my website when i click on images it opens new page using onclcik openpopup(user defined function)
my problem is google will not index onclcik urls,it only index href urls.
So i want to use use onclcik and href in anchor tag and make only onclick work.href is only for Google crawling purpose only my code is as below
var imgurl = "http:"+lcurl+touch_id+".jpg";
var data = "<div id=charm_"+touch_id+" data-charmid="+touch_id+" data-vis="+bgid+" data-vid="+seid+" data-vtitle="+vtitle_url+" data-title="+title_url+" style='float:left;' class='mdl-cell mdl-cell--4-col charm-wrapper'>\n\
<div class='mdl-card-wrapper charm-inner'>\n\
<div class='demo-card-wide mdl-card mdl-shadow--8dp'>\n\
<div class='mdl-card__media'>\n\
"+locicon+" \n\
<a href="popupurl" id='myAnchor' > \n\
<div style='position:relative;'>\n\
<div style='position:absolute;z-index:9;right:0px;bottom:0px;'><img width=32px src="+cf_assets+"img/hanger.png></div>\n\
<div id=imagearea_"+touch_id+" title='"+title+"' class='imagearea loading'>\n\
</div></div></a>\n\
</div>\n\
<div class='mdl-card__title'>\n\
<div class='right-charm'>\n\
<div class='social-share'>\n\
"+copycontent+"\n\
"+watsapp+"\n\
<a onclick=sharetofb('"+ct_domain+socialshare_url+"'); title='Facebook' id=fb"+touch_id+" \n\
class='fb_share'></a>\n\
<a onclick=sharetotwitter('"+ct_domain+socialshare_url+"'); title='Twitter' id=tw"+touch_id+" class='tw_share'> </a>\n\
</div>\n\
</div>\n\
<div class='icharm'>\n\
<h2 class='mdl-card__title-text'>"+subtitle+"</h2>\n\
<div class='mdl-card__subtitle-text'>"+title+"</div>\n\
<div id=vid_"+touch_id+" class='mdl-card__subtitle-videoname'>"+videoname+"</div>\n\
</div>\n\
</div>\n\
</div>\n\
</div>\n\
</div>";
$('#main-home-page-inner').add(HTML(data));
callcloudinary(imgurl,title,touch_id);
callmasonry();
if(i == setarr.length-1){
localStorage.touchids=touchid_arr.join(",");
localStorage.searchresults=gcharmarr.join(",");
}
// document.getElementById("main-home-page-inner").innerHTML += html;
}
/* document.getElementById("fb"+touch_id).setAttribute("onclick","sharetofb('"+title+"','"+text+"','"+ct_domain+socialshare_url+"','"+social_domain+lcurl+touch_id+".jpg')");*/
}
//addEventListener('click', function (ev) {
//ev.preventDefault();
// alert(ev.target.getAttribute("data-charmid"));
// openpopup(ev.target.getAttribute("data-url"));
// sendpym(ev.target.getAttribute("data-title"));
// });
$('myAnchor').on('click',function(ev){
ev.preventDefault();
openpopup(ev.target.getAttribute("popupurl"));
sendpym(ev.target.getAttribute("data-charmid"));
});
})
.error(function(status, statusText, responseText) {
//console.log(statusText);
//console.log(responseText);
});
解决方案
Fix your code. Place the elements in quotes. Work correctly with quotes.
var imgurl = "http:"+lcurl+touch_id+".jpg";
var data = "<div id='charm_"+touch_id+"' data-charmid='"+touch_id+"' data-vis='"+bgid+"' data-vid='"+seid+"' data-vtitle='"+vtitle_url+"' data-title='"+title_url+"' style='float:left;' class='mdl-cell mdl-cell--4-col charm-wrapper'><div class='mdl-card-wrapper charm-inner'><div class='demo-card-wide mdl-card mdl-shadow--8dp'><div class='mdl-card__media'>"+locicon+"<a href='"+popupurl+"' id='myAnchor' ><div style='position:relative;'><div style='position:absolute;z-index:9;right:0px;bottom:0px;'><img width='32px' src='"+cf_assets+"img/hanger.png'></div><div id='imagearea_"+touch_id+"' title='"+title+"' class='imagearea loading'></div></div></a></div><div class='mdl-card__title'><div class='right-charm'><div class='social-share'>"+copycontent+""+watsapp+"<a onclick='sharetofb(\'"+ct_domain+socialshare_url+"\');' title='Facebook' id='fb"+touch_id+"' class='fb_share'></a><a onclick='sharetotwitter(\'"+ct_domain+socialshare_url+"\');' title='Twitter' id='tw"+touch_id+"' class='tw_share'></a></div></div><div class='icharm'><h2 class='mdl-card__title-text'>"+subtitle+"</h2><div class='mdl-card__subtitle-text'>"+title+"</div><div id='vid_"+touch_id+"' class='mdl-card__subtitle-videoname'>"+videoname+"</div></div></div></div></div></div>";
$('#main-home-page-inner').add(HTML(data));
callcloudinary(imgurl,title,touch_id);
callmasonry();
if(i == setarr.length-1)
{
localStorage.touchids=touchid_arr.join(",");
localStorage.searchresults=gcharmarr.join(",");
}
}
} // WHY????
$('myAnchor').on('click',function(ev){
ev.preventDefault();
openpopup(ev.target.getAttribute("popupurl"));
sendpym(ev.target.getAttribute("data-charmid"));
See how to properly use the quotes
'and"in a variable in w3schools.com - JavaScript Strings
这篇关于如何在锚标记中使用onclcik和href，并仅使用onclick work.href仅适用于Google抓取的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
