iframe 动态加载pdf预览 且自动适应页面大小

1.在网页加上按钮引导进入子页面

  • 1.1
  • 用 ? XXX= aaaa 来传递参数 XXX

     

    2.用getQueryVariable函数,获取参数

      function getQueryVariable(variable)
        {
            var query = window.location.search.substring(1);
            var vars = query.split("&");
            for (var i=0;i

    可以用alter来建议是否正确获取到参数

    alter(getQueryVariable("pdfname"))

     3.动态加载src

        iframe.src = getQueryVariable("pdfname")+"#view=FitH,top"

     根据iframe id 来加载src

    4.适配chrome浏览器 自适应页面大小

    接入参数#view=FitH,top
    src ="pdf/aa.html#view=FitH,top"

    5.整体页面demo 

    
    
    
        
        
        
        pdf预览
        
        
        
        
    
    
        
    
    
    

     

    你可能感兴趣的:(iframe 动态加载pdf预览 且自动适应页面大小)