XML Data Island (XML Data Island)
In Microsoft Internet Explorer 5.0 and later, you can use XML elements to create data islands, and the data island is referenced by the HTML page, and XML data can be included in the HTML file, or it can be included in some external Document. With the XML element, we can prevent us to write trouble, if the user does not allow the script because the user is not allowed, the tag will not work properly, because, to initialize XML, you must write scripts.
Inline XML
Inline XML is included between marks and , for example:
small dragon female 180 Heroes Yang Bi 178
Quote XML file
Use the tag to reference the external XML file, the src property can reference the local file, or you can specify a URL, the URL points to the outside server, and the data can be integrated from several different servers. The SRC attribute of the following example references the local XML file.
The file XMLData.xml contains XML data. The following example references the XML file on a remote server:
Read data from data island
Reading data from the data island is done by using the element ID attribute. By capable of receiving the HTML tag (binding the data to the HTML), we can format the data in the data island. The following example shows the contents of each XML child element in :
</ title> </ head> <body> <xml id = "xmlmeetings"> <? Xml version = "1.0"?> <Meetings> <meeting> <date> 1/1 / 99 </ date> <time> 9:00 </ time> <location> 104 room </ location> </ meetings> <meeting> <date> 2/1/99 </ date> <time> 13: 00 </ time> <location> 34 room </ location> </ meeting> <meeting> <date> 3/1/99 </ date> <time> 14:30 </ time> <location> 20 </ location> </ meeting> </ meetings> </ xml> <table datasrc = "# xmlmeetings"> <tr> <td> <div datafld = "date"> </ div> </ td> <td> <div datafld = "time"> </ div> </ td> <td> <div datafld = "location"> </ div> </ td> </ tr> </ table> </ body> </ html > Tag <Table> Using the DataSRC property reference line XML, the DataSRC property is actually implemented by adding # to the front of the ID attribute of the XML element to be processed. Since the TD element cannot bind the data, it is necessary to find an element that can bind data. In the above example, we bind to the XML element to display with the DADAFLD attribute of the DIV element, for example: datafld = "date" The value in <DATE> in the XML element is bound to DIV. When the XML element is read by the browser, a different line is created for each <Meeting> </ Meeting> tag.</p></div><div class="text-center mt-3 text-grey">
转载请注明原文地址:https://www.9cbs.com/read-104152.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>)
</div><div></div></div></div><ul class="postlist list-unstyled">
</ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="104152" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved
</div><div class="col text-right">Processed:
<b>0.041</b>, SQL:
<b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script>
var debug = DEBUG = 0;
var url_rewrite_on = 1;
var url_path = './';
var forumarr = {"1":"Tech"};
var fid = 1;
var uid = 0;
var gid = 0;
xn.options.water_image_url = 'view/img/water-small.png';
</script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script>
var forum_url = 'list-1.html';
var safe_token = 'P8lMNS902DSmoBgth1gi_2Fq_2F6NFsc3gH2ZXBjHdUNWicKMcqrrFWg137EXNBq1pFFVCSDP2osvv_2BmicwW';
var body = $('body');
body.on('submit', '#form', function() {
var jthis = $(this);
var jsubmit = jthis.find('#submit');
jthis.reset();
jsubmit.button('loading');
var postdata = jthis.serializeObject();
$.xpost(jthis.attr('action'), postdata, function(code, message) {
if(code == 0) {
location.reload();
} else {
$.alert(message);
jsubmit.button('reset');
}
});
return false;
});
function resize_image() {
var jmessagelist = $('div.message');
var first_width = jmessagelist.width();
jmessagelist.each(function() {
var jdiv = $(this);
var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width();
var jmessage_width = Math.min(jdiv.width(), maxwidth);
jdiv.find('img, embed, iframe, video').each(function() {
var jimg = $(this);
var img_width = this.org_width;
var img_height = this.org_height;
if(!img_width) {
var img_width = jimg.attr('width');
var img_height = jimg.attr('height');
this.org_width = img_width;
this.org_height = img_height;
}
if(img_width > jmessage_width) {
if(this.tagName == 'IMG') {
jimg.width(jmessage_width);
jimg.css('height', 'auto');
jimg.css('cursor', 'pointer');
jimg.on('click', function() {
});
} else {
jimg.width(jmessage_width);
var height = (img_height / img_width) * jimg.width();
jimg.height(height);
}
}
});
});
}
function resize_table() {
$('div.message').each(function() {
var jdiv = $(this);
jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>');
});
}
$(function() {
resize_image();
resize_table();
$(window).on('resize', resize_image);
});
var jmessage = $('#message');
jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); });
jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); });
$('#nav li[data-active="fid-1"]').addClass('active');
</script> 
