JavaScript Tutorial/jQuery/support
Содержание
- 1 30. if a browser can properly interpret the opacity style property
- 2 30. if doing getElementsByTagName() on an object element returns all descendant elements
- 3 30. if getAttribute(style) is able to return the inline style specified by an element
- 4 30. if the browser allows table elements without tbody elements
- 5 30. if the browser does not clone event handlers when elements are cloned
- 6 30. if the browser leaves intact the results from getAttribute(href)
- 7 30. if the browser preserves leading whitespace when innerHTML is used
- 8 30. If the browser properly serializes link elements when innerHTML is used
- 9 30. if using appendChildcreateTextNode to inject inline scripts executes them
- 10 30. Rendering according to the W3C CSS Box Model
- 11 30. style.cssFloat is used to access the current CSS float value
30. if a browser can properly interpret the opacity style property
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").text(jQuery.support.opacity); }); </script> </head> <body> <body>
</body>
</html></source>
30. if doing getElementsByTagName() on an object element returns all descendant elements
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").text(jQuery.support.objectAll); }); </script> </head> <body> <body>
</body>
</html></source>
30. if getAttribute(style) is able to return the inline style specified by an element
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").text(jQuery.support.style); }); </script> </head> <body> <body>
</body>
</html></source>
30. if the browser allows table elements without tbody elements
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").text(jQuery.support.tbody); }); </script> </head> <body> <body>
</body>
</html></source>
30. if the browser does not clone event handlers when elements are cloned
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").text(jQuery.support.noCloneEvent); }); </script> </head> <body> <body>
</body>
</html></source>
30. if the browser leaves intact the results from getAttribute(href)
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").text(jQuery.support.hrefNormalized); }); </script> </head> <body> <body>
</body>
</html></source>
30. if the browser preserves leading whitespace when innerHTML is used
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").text(jQuery.support.leadingWhitespace); }); </script> </head> <body> <body>
</body>
</html></source>
30. If the browser properly serializes link elements when innerHTML is used
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").text(jQuery.support.htmlSerialize); }); </script> </head> <body> <body>
</body>
</html></source>
30. if using appendChildcreateTextNode to inject inline scripts executes them
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").text(jQuery.support.scriptEval); }); </script> </head> <body> <body>
</body>
</html></source>
30. Rendering according to the W3C CSS Box Model
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").text(jQuery.support.boxModel); }); </script> </head> <body> <body>
</body>
</html></source>
30. style.cssFloat is used to access the current CSS float value
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").text(jQuery.support.cssFloat); }); </script> </head> <body> <body>
</body>
</html></source>