我需要使用 json 数据填充 iframe(HTML 组件)。我有一个 java 脚本函数,它在页面加载时加载 json 数据。但是,iframe 组件无法加载数据。
我的代码实现是:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script
src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<script src="jquery.loadJSON.js"></script>
<script>
function populateData()
{
window.document.getElementById('one').style.color='red';
var data = {"d1":"http://www.w3schools.com/"};
$('form').loadJSON(data);
alert('start');
}
window.onload = populateData;
</script>
</head>
<body>
<form>
<label id="one" for="Address">Address:</label>
<iframe id="d1" width="100%" height="50%" src="about:blank">
<p>Your browser does not support iframes.</p>
</iframe>
<br> <br>
</form>
</body>
</html>