Disclaimer: This article is a blogger original article, shall not be reproduced without the bloggers allowed. https://blog.csdn.net/caishu1995/article/details/88338156
Today view some source code, I found a magic question. What's the problem? (Do not tell you to hit me ahヾ(◍ ° ∇ ° ◍) Techno゙)
// var skinList = [{name:'default'},{name:'AA'}];
for (var i = 0; i < skinList.length; i++) {
document.write('<link rel="stylesheet" type="text/css" href="skin/' + skinList[i].name + '/base.css" title="' + skinList[i].name + '" disabled="true"/>');
}
Everyone to see, ah, should be the normal load on a page
<link rel="stylesheet" type="text/css" href="skin/default/base.css" title="default" disabled="true"/>
<link rel="stylesheet" type="text/css" href="skin/AA/base.css" title="AA" disabled="true"/>
This should be it. Two css are disabled. But, but, but, but it can be. . . . The results are as follows
<link rel="stylesheet" type="text/css" href="skin/default/base.css" title="default"/>
<link rel="stylesheet" type="text/css" href="skin/AA/base.css" title="AA" disabled="true"/>
why why why? Why did not the first disabled?
Test 1:
for (var i = 0; i < skinList.length; i++) {
document.write('<link rel="stylesheet" type="text/css" href="skin/' + skinList[i].name + '/base.css" title="AA" disabled="true"/>');
}
<link rel="stylesheet" type="text/css" href="skin/default/base.css" title="AA" disabled="true"/>
<link rel="stylesheet" type="text/css" href="skin/AA/base.css" title="AA" disabled="true"/>
Test two:
for (var i = 0; i < skinList.length; i++) {
document.write('<link rel="stylesheet" type="text/css" href="skin/' + skinList[i].name + '/base.css" title="default" disabled="true"/>');
}
<link rel="stylesheet" type="text/css" href="skin/default/base.css" title="default"/>
<link rel="stylesheet" type="text/css" href="skin/AA/base.css" title="default"/>
We see what the problem is right. I started because data is [{name: 'default'}, {name: 'AA'}]. When the title for the default of disabled useless, but when the title for the disabled have used another time.
Well, find a problem, then I go to solve the problem slightly. Bye!