JavaScript Tutorial/jQuery/support

Материал из Web эксперт
Перейти к: навигация, поиск

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>