Javascript 获取实际输出HTML的函数
运行一些动态构建图像数组的JavaScript 以下是简化版:Javascript 获取实际输出HTML的函数,javascript,jquery,html,seo,Javascript,Jquery,Html,Seo,运行一些动态构建图像数组的JavaScript 以下是简化版: var imgArray = new Array( "mainBG.jpg", "mainBG2.jpg", "mainBG3.jpg", "mainBG4.jpg" ); var img = Math.floor(Math.random()*imgArray.length); jQuery(document).ready(f
var imgArray = new Array(
"mainBG.jpg",
"mainBG2.jpg",
"mainBG3.jpg",
"mainBG4.jpg"
);
var img = Math.floor(Math.random()*imgArray.length);
jQuery(document).ready(function() {
$("body").ezBgResize({img : "/lib/img/bkgr/" + imgArray[img]});
});
function generateThumbs(){
var t = document.getElementById("thumbs");
var ret = '';
for(i=0;i<imgArray.length;i++){
var image = imgArray[i];
ret += '<a href="#" onclick="changeBig(\''+image+'\')" /><img src="/lib/img/bkgr/'+image+'" alt="thumbnail image" width="77" height="44" /></a>';
}
return ret;
};
function changeBig(bg){
$("body").ezBgResize({img : "/lib/img/bkgr/" + bg});
}
var imgArray=新数组(
“mainBG.jpg”,
“mainBG2.jpg”,
“mainBG3.jpg”,
“mainBG4.jpg”
);
var img=Math.floor(Math.random()*imgArray.length);
jQuery(文档).ready(函数(){
$(“body”).ezBgResize({img:“/lib/img/bkgr/”+imgaray[img]});
});
函数generateThumbs(){
var t=document.getElementById(“拇指”);
var-ret='';
对于(i=0;i不要调用文档。在HTML页面的上下文中编写。您应该这样做:
<script type="text/javascript" language="javascript">
document.getElementById('thumbs').innerHTML = generateThumbs();
</script>
document.getElementById('thumbs')。innerHTML=generateThumbs();
查看源代码时,只看到从Web服务器返回到浏览器的代码,而不需要javascript对dom进行任何修改。要将代码保存在原始源代码中,需要在服务器端生成代码
要查看javascript修改后生成的源代码,可以使用firefox中的firebug或Chrome/Safari/IE9中的内置开发工具。尝试:
$('#thumbs').html(generateThumbs());
这样就行了
$(function(){
$("#thumbs").html(generateThumbs());
});
WebCrawler很少(如果有的话)执行Javascript。SEO在这方面是无用的,因为爬虫永远看不到您的JS生成的内容。也就是说,请尝试document.getElementById('thumbs')。innerHTML=generateThumbs()
。“源代码只显示了这一行”如果您想直接显示HTML,则需要在部署到客户端之前将其添加到服务器端。您的t
变量是多余的。源代码只显示服务器发送的原始代码,在我所知的所有浏览器中,当您使用Javascript修改DOM时,源代码不会更改。您是否尝试过使用dChrome/Safari中的eveloper菜单或Firefox中的Firebug?仅指出该文档。getElementById('thumbs');=$('#thumbs'));请仅使用jQuery,以便您自己更好地理解代码。虽然这是真的,但与问题无关。这一点很好。如果他希望最初呈现HTML,那么他不能使用javascript,需要使用某种服务器资源。
$(function(){
$("#thumbs").html(generateThumbs());
});