JS Dynamic Introduction js,css--Dynamically create Script/link/style tags

I. Dynamic creation of link methods

We can use link in the same way as shown in the following code.

[JavaScript]View Plaincopyprint?

2. function Addcssbylink (URL) {
4. var doc=document;
6. var link=doc.createelement ("link");
8. Link.setattribute ("rel", "stylesheet");
10. Link.setattribute ("type", "text/css");
12. Link.setattribute ("href", url);
16. var heads = doc.getelementsbytagname ("Head");
18. if (heads.length)
20. Heads[0].appendchild (link);
22. Else
24. Doc.documentElement.appendChild (link);
26. }

• var doc=document;

• var style=doc.createelement ("style");
• Style.setattribute ("type", "text/css");
• if (style.stylesheet) {//IE
• Style.styleSheet.cssText = cssstring;
• } else {//
• var csstext = Doc.createtextnode (cssstring);
• Style.appendchild (Csstext);
• }
• var heads = doc.getelementsbytagname ("Head");
• if (heads.length)
• Heads[0].appendchild (style);
• Else
• Doc.documentElement.appendChild (style);
• }

In this case, if it is less code, it can be more convenient to implement the effect of dynamic loading CSS, but if in order to facilitate maintenance and management, and do not wait for the time limit, the use of link method more appropriate

"Script");

• Script.setattribute ("type", "Text/javascript");
• Script.setattribute ("src", "justwalking.js");
• var heads = document.getElementsByTagName ("Head");
• if (heads.length)
• Heads[0].appendchild (script);
• Else
• Document.documentElement.appendChild (script);

But this way in the IE kernel browser support, Google, 360 speed, Firefox but not

Four. Printing introduces style mode

[JavaScript]View Plaincopyprint?

1. document.write ("<link rel=\" stylesheet\ "href=\" uild/style.css\ "type=\" text/css\ "media=\" screen\ "/>");

Five. Printing introduces JS mode [JavaScript]View Plaincopyprint?

1. document.write ("<script type=\" text/javascript\ "src=\" justwalking.js\ "></script>");