Javascript - iframe未加载，因为未定义变量

Question

我希望对我的脚本提供一些帮助。我是编程和jquery的新手，所以下面的代码没有经过优化，我确信有经验的程序员会对我的风格感到震惊。

我添加了一个空的div内容，我使用Jquery Load方法从另一个页面读取它。这很好但现在我试图扩展它没有成功。

我无法使iframe加载一个源。这个url源包含两个变量。似乎在添加源时我没有定义一个（id1）。我在控制台日志中也检查了它并且没有定义它。 iframe返回错误：SEC7111：HTTPS安全性受到res：//ieframe.dll/sslnavcancel.htm的攻击。当我运行没有var id1的网址时它工作正常 我不清楚，变量的范围和最佳实践是如何起作用的。为了使某些事情发挥作用，我不会以更高效和长期的方式思考它。你能帮助我吗？ 代码如下：

	

$(document).ready(function(){

	var div1 =$("<div></div>")
	
   	 var div5=$("<div></div>")
	var iframe1=$("<iframe></iframe>")
	
	
	
//assign id's to divs
	div1.attr("id", "div1");
	
    div5.attr("id", "div5");
    iframe1.attr("id", "myframe");
	
   $("#container1").find(".SectionData").append(div5);
   $("#container1").find(".SectionData").append(iframe1);

	
	var posts= $('a.featuredblog_entry_title').map(function(){
		return $(this).attr('href'); 
	});
  
	//if id exists then extract the id of the entry
     if(posts[0]){
	id1 = posts[0].substring(posts[0].lastIndexOf('_') + 1); id1 of the the entry
	}

//id of blog should change according to the blog id of the page
	
	$("#container").find(".SectionData").append(div1);
	
//array of links to view entry page of each post
	var posts2 = ["//address/address/"+id1];
	
if(id1!=''){ //use ajax to load content from view entry page
    $('#div1').load(posts2[0] + " .shadow3", function() {
			//add title and make it link
		$('#div1').find('.entry_OTName').replaceWith(function() {
			var title = $(this).text();
			$(this).attr("class","headtitle");
			return '<a href="' + posts2[0] + '" target="_blank">' + title + '</a>';
		});
		
		Replace1();
	});
		

		
		function Replace1(){
			var minimized_elements = $('#div1').find('.richtext');
			var minimize_character_count = 100;    
	  
			minimized_elements.each(function(){    
									
				var t = $(this).text();        
				if(t.length < minimize_character_count ) return;
			
				var h = $(this).html();
				
				var counter;
				$(this).html('<span class="more2">'+ t.slice(0,minimize_character_count)+'...<a href="#" class="more" id="more1"> View More 

</a></span>'+
				'<span style="display:none;">'+ h +' <br/><a href="#" class="less">View Less</a></span><br/><span>The Article Viewed by '+counter+' 

users</span>');
		
				$('#more1').click(function() {	
			
					$('#div5').load('/address/addresss/...', function() {
              		    if($('#ReportTable tr:eq(1)')!=0){
							var myurl = "/address/addresss/..."+id1+"&link="+var2;
							$('#myframe').attr('src',myurl);
							counter = $('#ReportTable tr:eq(2)').val();
 console.log("the if is true so the counter is:"+counter);

						 }
						else {
						counter = $('#ReportTable tr:eq(2)').val();
console.log("Else executed, counter is "+counter);

					    	}
					});
				});	
		
			});
			
            
		}