Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取实际输出HTML的函数_Javascript_Jquery_Html_Seo - Fatal编程技术网

Javascript 获取实际输出HTML的函数

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

运行一些动态构建图像数组的JavaScript

以下是简化版:

    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());
});