查看 | 历史 | 提交 | 提交对比
hjg
2024-10-30 8cf23534166c07e711aac2a25911ada317ba01f0
提交 | 用户 | 时间
58d006 1 /**
A 2 * @preserve HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
3 */
4 ;(function(window, document) {
5 /*jshint evil:true */
6   /** version */
7   var version = '3.6.2';
8
9   /** Preset options */
10   var options = window.html5 || {};
11
12   /** Used to skip problem elements */
13   var reSkip = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i;
14
15   /** Not all elements can be cloned in IE **/
16   var saveClones = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i;
17
18   /** Detect whether the browser supports default html5 styles */
19   var supportsHtml5Styles;
20
21   /** Name of the expando, to work with multiple documents or to re-shiv one document */
22   var expando = '_html5shiv';
23
24   /** The id for the the documents expando */
25   var expanID = 0;
26
27   /** Cached data for each document */
28   var expandoData = {};
29
30   /** Detect whether the browser supports unknown elements */
31   var supportsUnknownElements;
32
33   (function() {
34     try {
35         var a = document.createElement('a');
36         a.innerHTML = '<xyz></xyz>';
37         //if the hidden property is implemented we can assume, that the browser supports basic HTML5 Styles
38         supportsHtml5Styles = ('hidden' in a);
39
40         supportsUnknownElements = a.childNodes.length == 1 || (function() {
41           // assign a false positive if unable to shiv
42           (document.createElement)('a');
43           var frag = document.createDocumentFragment();
44           return (
45             typeof frag.cloneNode == 'undefined' ||
46             typeof frag.createDocumentFragment == 'undefined' ||
47             typeof frag.createElement == 'undefined'
48           );
49         }());
50     } catch(e) {
51       // assign a false positive if detection fails => unable to shiv
52       supportsHtml5Styles = true;
53       supportsUnknownElements = true;
54     }
55
56   }());
57
58   /*--------------------------------------------------------------------------*/
59
60   /**
61    * Creates a style sheet with the given CSS text and adds it to the document.
62    * @private
63    * @param {Document} ownerDocument The document.
64    * @param {String} cssText The CSS text.
65    * @returns {StyleSheet} The style element.
66    */
67   function addStyleSheet(ownerDocument, cssText) {
68     var p = ownerDocument.createElement('p'),
69         parent = ownerDocument.getElementsByTagName('head')[0] || ownerDocument.documentElement;
70
71     p.innerHTML = 'x<style>' + cssText + '</style>';
72     return parent.insertBefore(p.lastChild, parent.firstChild);
73   }
74
75   /**
76    * Returns the value of `html5.elements` as an array.
77    * @private
78    * @returns {Array} An array of shived element node names.
79    */
80   function getElements() {
81     var elements = html5.elements;
82     return typeof elements == 'string' ? elements.split(' ') : elements;
83   }
84
85     /**
86    * Returns the data associated to the given document
87    * @private
88    * @param {Document} ownerDocument The document.
89    * @returns {Object} An object of data.
90    */
91   function getExpandoData(ownerDocument) {
92     var data = expandoData[ownerDocument[expando]];
93     if (!data) {
94         data = {};
95         expanID++;
96         ownerDocument[expando] = expanID;
97         expandoData[expanID] = data;
98     }
99     return data;
100   }
101
102   /**
103    * returns a shived element for the given nodeName and document
104    * @memberOf html5
105    * @param {String} nodeName name of the element
106    * @param {Document} ownerDocument The context document.
107    * @returns {Object} The shived element.
108    */
109   function createElement(nodeName, ownerDocument, data){
110     if (!ownerDocument) {
111         ownerDocument = document;
112     }
113     if(supportsUnknownElements){
114         return ownerDocument.createElement(nodeName);
115     }
116     if (!data) {
117         data = getExpandoData(ownerDocument);
118     }
119     var node;
120
121     if (data.cache[nodeName]) {
122         node = data.cache[nodeName].cloneNode();
123     } else if (saveClones.test(nodeName)) {
124         node = (data.cache[nodeName] = data.createElem(nodeName)).cloneNode();
125     } else {
126         node = data.createElem(nodeName);
127     }
128
129     // Avoid adding some elements to fragments in IE < 9 because
130     // * Attributes like `name` or `type` cannot be set/changed once an element
131     //   is inserted into a document/fragment
132     // * Link elements with `src` attributes that are inaccessible, as with
133     //   a 403 response, will cause the tab/window to crash
134     // * Script elements appended to fragments will execute when their `src`
135     //   or `text` property is set
136     return node.canHaveChildren && !reSkip.test(nodeName) ? data.frag.appendChild(node) : node;
137   }
138
139   /**
140    * returns a shived DocumentFragment for the given document
141    * @memberOf html5
142    * @param {Document} ownerDocument The context document.
143    * @returns {Object} The shived DocumentFragment.
144    */
145   function createDocumentFragment(ownerDocument, data){
146     if (!ownerDocument) {
147         ownerDocument = document;
148     }
149     if(supportsUnknownElements){
150         return ownerDocument.createDocumentFragment();
151     }
152     data = data || getExpandoData(ownerDocument);
153     var clone = data.frag.cloneNode(),
154         i = 0,
155         elems = getElements(),
156         l = elems.length;
157     for(;i<l;i++){
158         clone.createElement(elems[i]);
159     }
160     return clone;
161   }
162
163   /**
164    * Shivs the `createElement` and `createDocumentFragment` methods of the document.
165    * @private
166    * @param {Document|DocumentFragment} ownerDocument The document.
167    * @param {Object} data of the document.
168    */
169   function shivMethods(ownerDocument, data) {
170     if (!data.cache) {
171         data.cache = {};
172         data.createElem = ownerDocument.createElement;
173         data.createFrag = ownerDocument.createDocumentFragment;
174         data.frag = data.createFrag();
175     }
176
177
178     ownerDocument.createElement = function(nodeName) {
179       //abort shiv
180       if (!html5.shivMethods) {
181           return data.createElem(nodeName);
182       }
183       return createElement(nodeName, ownerDocument, data);
184     };
185
186     ownerDocument.createDocumentFragment = Function('h,f', 'return function(){' +
187       'var n=f.cloneNode(),c=n.createElement;' +
188       'h.shivMethods&&(' +
189         // unroll the `createElement` calls
190         getElements().join().replace(/[\w\-]+/g, function(nodeName) {
191           data.createElem(nodeName);
192           data.frag.createElement(nodeName);
193           return 'c("' + nodeName + '")';
194         }) +
195       ');return n}'
196     )(html5, data.frag);
197   }
198
199   /*--------------------------------------------------------------------------*/
200
201   /**
202    * Shivs the given document.
203    * @memberOf html5
204    * @param {Document} ownerDocument The document to shiv.
205    * @returns {Document} The shived document.
206    */
207   function shivDocument(ownerDocument) {
208     if (!ownerDocument) {
209         ownerDocument = document;
210     }
211     var data = getExpandoData(ownerDocument);
212
213     if (html5.shivCSS && !supportsHtml5Styles && !data.hasCSS) {
214       data.hasCSS = !!addStyleSheet(ownerDocument,
215         // corrects block display not defined in IE6/7/8/9
216         'article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}' +
217         // adds styling not present in IE6/7/8/9
218         'mark{background:#FF0;color:#000}' +
219         // hides non-rendered elements
220         'template{display:none}'
221       );
222     }
223     if (!supportsUnknownElements) {
224       shivMethods(ownerDocument, data);
225     }
226     return ownerDocument;
227   }
228
229   /*--------------------------------------------------------------------------*/
230
231   /**
232    * The `html5` object is exposed so that more elements can be shived and
233    * existing shiving can be detected on iframes.
234    * @type Object
235    * @example
236    *
237    * // options can be changed before the script is included
238    * html5 = { 'elements': 'mark section', 'shivCSS': false, 'shivMethods': false };
239    */
240   var html5 = {
241
242     /**
243      * An array or space separated string of node names of the elements to shiv.
244      * @memberOf html5
245      * @type Array|String
246      */
247     'elements': options.elements || 'abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video',
248
249     /**
250      * current version of html5shiv
251      */
252     'version': version,
253
254     /**
255      * A flag to indicate that the HTML5 style sheet should be inserted.
256      * @memberOf html5
257      * @type Boolean
258      */
259     'shivCSS': (options.shivCSS !== false),
260
261     /**
262      * Is equal to true if a browser supports creating unknown/HTML5 elements
263      * @memberOf html5
264      * @type boolean
265      */
266     'supportsUnknownElements': supportsUnknownElements,
267
268     /**
269      * A flag to indicate that the document's `createElement` and `createDocumentFragment`
270      * methods should be overwritten.
271      * @memberOf html5
272      * @type Boolean
273      */
274     'shivMethods': (options.shivMethods !== false),
275
276     /**
277      * A string to describe the type of `html5` object ("default" or "default print").
278      * @memberOf html5
279      * @type String
280      */
281     'type': 'default',
282
283     // shivs the document according to the specified `html5` object options
284     'shivDocument': shivDocument,
285
286     //creates a shived element
287     createElement: createElement,
288
289     //creates a shived documentFragment
290     createDocumentFragment: createDocumentFragment
291   };
292
293   /*--------------------------------------------------------------------------*/
294
295   // expose html5
296   window.html5 = html5;
297
298   // shiv the document
299   shivDocument(document);
300
301 }(this, document));