Temporarily forget the forever, let us return to the XML structure of the data world, I always love "Please see the details", this time there is no way to drag, I have to tell the contents of "behind chapter". What to tell today is Data Islands (directly translated, data island).
What can we do with the data island? We can use the data island to embed our XML in the HTML leaves. As for how to do it, just look at my next demonstration.
We can use (please see the tag as an HTML element) tag to embed our XML data. You can also import an external independent XML file by reference.
E.G:
1, embedded XML data
code:
The first intimate contact (non-scorpion Cai Cai version, please do not understand the infringement) < / title> </ head> <body> <xml id = "First intimate contact"> <First intimate contact> <object> XML </ object> <intimacy> Tour to XML a little valuable place - - Data island </ intimate level> <conclusion> Feel good, is a good Dongdong </ conclusion> </ first intimate contact> </ xml> <center> <h1> First intimate contact </ h1> < / center> <table border = "0" DatasRC = "# first intimate contact" align = "center" width = "443"> <tr> <TD bgcolor = "# 99ff99>)> Object: <span datafld =" Object "> </ span> </ td> <td bgcolor =" # 3399cc "> intimacy: <span datafld =" intimacy "> </ span> </ td> <td bgcolor =" # cc99cc "> Conclusion : <Span datafld = "conclusion"> </ span> </ td> </ tr> </ table> </ body> </ html></p>
<p>2. Quote for external XML files</p>
<p>First use the previous knowledge to build an XML file (not me lazy, give you a chance to exercise ^^)</p>
<p>Data content program code involved in <XML> </ XML>:</p>
<p><Html> <head> <meta http-equiv = "content-type" content = "text / html; charSet = GB2312"> <title> The first intimate contact (non-scorpion Cai Cai version, please do not understand the infringement) < / title> </ head> <body> <XML ID = "First intimate contact" src = "firstLove.xml"> <First intimate contact> <object> XML </ object> <intimacy> Contact XML slightly valuable local data island </ intimate level> <conclusion> Feeling good, it is a good Dongdong </ conclusion> </ first intimate contact> </ xml> <center> <h1> first intimate contact / h1> </ center> <table border = "0" DataSRC = "# first intimate contact" align = "center"> <tr> <td bgcolor = "# 99ff99"> object: <span datafld = object "> </ Span> </ td> <td bgcolor =" # 3399cc "> intimate extent: <span datafld =" intimacy "> </ span> </ td> <td bgcolor =" # cc99cc "> Conclusion: <Span datafld = "conclusions"> </ span> </ td> </ tr> </ table> </ body> </ html></p>
<p>We can reference her by specifying the XML file location, generally referenced by SRC = "xxx.xml".</p></div><div class="text-center mt-3 text-grey">
转载请注明原文地址:https://www.9cbs.com/read-90960.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="90960" 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.034</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 = 'Shv_2BfTZNGmZ0Ku8NWfg3i5M6ONp0AozBm4dZJTXylGNk20dhBdj_2FgSvffVSWPc2XrCbCh6TxTjUMwmxtlJLegg_3D_3D';
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>
