在html頭部和身體中的Now condition狀況

在jsfiddle中，他們可以選擇在左側選項中設置no wrap(head),no wrap(body),OnDomReady和OnLoad。在我的程序中設置no wrap(head)條件。它的工作很好。但是我如何轉換爲HTML文件。同等條件下，我需要在我的HTML文件中設置在html頭部和身體中的Now condition狀況

演示：JSFIDDLE

這裏我設置no-wrap(head)，我如何設置HTML文件相同的條件no-wrap(head)？

這裏我完整的代碼

<html> 
<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
<script type="text/javascript" src="a.js"></script> 
<script type="text/javascript"> 
google.load('visualization', '1', {packages: ['corechart']}); 
google.setOnLoadCallback(drawVisualization); 

function drawVisualization() { 
var data = google.visualization.arrayToDataTable([ 
    ['Country', 'Popularity'], 
    ['Germany', 200], 
    ['United States', 300], 
    ['Brazil', 400], 
    ['Canada', 500], 
    ['France', 600], 
    ['Russia', 700] 
]); 

// this chart is drawn in a visible div and then immediately hidden 
var chart1 = new google.visualization.PieChart(document.getElementById('chart_1')); 

google.visualization.events.addListener(chart1, 'ready', function() { 
    // hide the div when done drawing 
    document.getElementById('chart_1').style.display = 'none'; 

    // create an event listener for the button that shows the chart 
    document.getElementById('clickMe1').onclick = function() { 
     document.getElementById('chart_1').style.display = 'block'; 
    } 
}); 

// show the div before you draw 
document.getElementById('chart_1').style.display = 'block'; 

chart1.draw(data, { 
    height: 300, 
    width: 400, 
    title: 'Chart 1' 
}); 


// this chart only gets drawn when the button is clicked 
var chart2 = new google.visualization.PieChart(document.getElementById('chart_2')); 

// create an event listener for the button that shows the chart 
document.getElementById('clickMe2').onclick = function() { 
    document.getElementById('chart_2').style.display = 'block'; 
    chart2.draw(data, { 
     height: 300, 
     width: 400, 
     title: 'Chart 2' 
    });    
} 
} 
</script> 
<style type="text/css"> 
#visualization path { 
cursor: pointer 
} 
</style> 

    </head> 
    <body> 
<input type="button" value="Show chart 1" id="clickMe1" /> 
<input type="button" value="Show chart 2" id="clickMe2" /> 
<div id="chart_1" style="display: none"></div> 
<div id="chart_2" style="display: none"></div> 
    </body> 
</html>

謝謝提醒。

來源

2012-12-26 Selvamani

在html頭部和身體中的Now condition狀況

回答

相關問題